MountyHall - La Terre des Trõlls

	Ze Calendrier
MountyHall

Référencé sur

Nous sommes le 19° jour de la Limace du 24° cycle après Ragnarok

Bienvenue Invité

Tous les Forums

Hors Jeux

Modérateurs de ce forum : Aghabeu, Dabihul, Grankausto, Loinvu, Madère, Mamoune, Modérateur 6, Modérateur1, Modérateur2, Modérateur3, Modérateur4, Modérateur5, Mr x, Rouletabille, Schtroumpf, TilK, VYS, Xaruth

Vous pouvez discuter ici de tout et de rien et surtout de tout ce qui ne se retrouve pas dans les autres forums Hors-jeux.

Il est cependant interdit d'utiliser ce forum pour un bénéfice personnel (vente, publicité, affiliation, ...).
Evitez aussi tout "sujet qui fache" et autre "trolls". Seuls des messages appelant à une discussion cordiale et pleine de tolérance seront acceptés.

[AIDE] HTML

#. Message de casimir56 le 14-10-2007 à 18:35	7287 - Casimir (Durakuir 60)
Pays: France Inscrit le : 28-02-2004 Messages: 2250 (Djinn Tonique)	Citer

salut tout le monde !

je suis entrain de faire ma page MYSPACE comme beaucoup de monde,
mais je suis pas très doué,
j'aimerais bien savoir comment "encadrer" tout mes textes d'un cadre noir, et qu'en même temps ce cadre soit légerement transparent
(dans le codage c'est "opacity :x" x étant la valeur de la "transparence")
je voudrais également que les photos qui apparaisse ds la section "mes interets", etc... (qui sont donc également dans les zone de textes) soit transparente au même titre que le cadre !

par contre si c'est possible, le texte en lui même n'est pas transparent,

chaud chaud du slip tout ça !

ya bien un pro dla mise en page web qui sache faire ça et qui veuille bien me donner un coup de main !
merci davance

Guillaume
www.myspace.com/guitoucaz

#. Message de casimir56 le 15-10-2007 à 09:20	7287 - Casimir (Durakuir 60)
Pays: France Inscrit le : 28-02-2004 Messages: 2250 (Djinn Tonique)	Citer

jcrois que je m'en suis pas trop mal tiré,
mais je ne sais pas comment faire pour faire apparaitre les commentaires des visiteurs en blanc, plutôt qu'en noir (sur fond noir on vois qued !)

#. Message de Herb le 15-10-2007 à 09:45	6807 - ( )
Pays: France (69 - Rhône) Inscrit le : 14-03-2004 Messages: 1558 (Trõll de Compèt')	Citer

Salut Caz,
T'as accès au code HTML directement et tu peux le modifier ? Ou alors tu ne peux que modifier la (les) feuille(s) de style ?

Passque pour tes commentaires, tu as par exemple :

<td style="" align="left" bgcolor="#f9d6b4" valign="top" width="260">
	<span class="blacktext10">
        	2 oct. 2007 00:58
        </span>
	<br>
	<br>
	merci de m'avoir ajouté!<br>@+
</td>

Le texte "merci de m'avoir ajouté" apparaît en noir mais si tu peux modifier le code html, il te suffit d'encadrer ce texte avec une balise span. Ca pourrait te donner :
<span class="commentaire">
merci de m'avoir ajouté
</span>

Ensuite, tu modifies la feuille de style associée à ta page pour ajouter :

span.commentaire {
color:white
}

Et tes commentaires apparaîtront en blanc.

#. Message de casimir56 le 15-10-2007 à 10:46	7287 - Casimir (Durakuir 60)
Pays: France Inscrit le : 28-02-2004 Messages: 2250 (Djinn Tonique)	Citer

salut Herb, merci de t'être donné la peine de répondre

mais non je n'ai pas accès directement au code HTML du site,
je peux juste en mettre un nouveau dans les différentes rubrique pour modeler la page comme je le souhaite, mais je ne peux pas modifier le code HTML des commentaires !

par exemple,
ya une section "QUI SUIS JE?"
et dedans je peux mettre un code HTML pour modeler la page comme je le souhaite,
actuellement ça ressemble a ça (c'est ptet pas beau a voir mais je gère pas du tout encore^^)

<style>body {background-image:url(http://img401.imageshack.us/img401/2482/surfbl8rp1.jpg);}
table, tr, td {background-color:transparent;}
table table { border: 0px }
table table table table{border:0px}
table, tr, td { background-color:transparent; border:none; border-width:0;}
table table table {
    border-style:solid;
    border-width:0;
    background-color:000000;
    background-repeat:repeat;
    background-attachment:fixed;
    background-position:top center;
    filter:alpha(opacity=90); -moz-opacity:0.80; opacity:0.80; -khtml-opacity:1;
</style>

<p><font color="#FFFFFF"> <b>Hi, i'm Guillaume, i'm nineteen, I live to Lorient in Britany (FRANCE), i'am a brown hair - brown eyes - boy,
currently i work to Hospital for the summer until september 1st, then i will go to Anglet to surf until the 10.
</p>

<p>
I study networks and telecommunication to Saint Malo (britany), i'm fond of travels, bodyboard, and ocean, i surf anywhere since there are waves ! (i prefer reefbreaks or shorebreaks than beachbreaks, but sometimes there are some good beachbreaks, this is undeniable)
</p>

<p>
I hope i will travel a lot during all life, my next travel will be in Morocco with friends, only to discover a new way of life and to surf.
I have a project, i wanna live in Australia, on the East coast, so called "Gold Coast".
</p>

<p>if you wanna see more pictures, click on "+ de photos" below the photograph on the left, sorry for the orthography, i do not speak English yet perfectly</b></font></p>

<object type="application/x-shockwave-flash" allowScriptAccess="never" allowNetworking="all" height="230" width="445" data="http://lads.myspace.com/slides/photoslider.swf?u=231268730&aid=128743">
<param name="allowScriptAccess" value="never" />
<param name="allowNetworking" value="all" />
<param name="movie" value="http://lads.myspace.com/slides/photoslider.swf?u=231268730&aid=128743" />
<param name="flashvars" value="culture=fr-FR" />
<param name="wmode" value="transparent" />
</object>
<object type="application/x-shockwave-flash" allowScriptAccess="never" allowNetworking="all" height="320" width="426" data="http://lads.myspace.com/slides/slideshow_random.swf?u=231268730&aid=129327">
<param name="allowScriptAccess" value="never" />
<param name="allowNetworking" value="all" />
<param name="movie" value="http://lads.myspace.com/slides/slideshow_random.swf?u=231268730&aid=129327" />
<param name="flashvars" value="culture=fr-FR" />
<param name="wmode" value="transparent" />
</object>

dedans il ya la mise en place de mon fond d'écran,
le cadre noir, la transparence, le texte, et deux diaporamas.

#. Message de casimir56 le 15-10-2007 à 10:51	7287 - Casimir (Durakuir 60)
Pays: France Inscrit le : 28-02-2004 Messages: 2250 (Djinn Tonique)	Citer

filter:alpha(opacity=90); -moz-opacity:0.60; opacity:0.90; -khtml-opacity:1;
</style>

pour la transparence j'utilise ça,

mais j'ai pas trop compris la différence entre "-moz-opacity" ; "opacity" et "-khtml-opacity"

qu'est ce que gère chacun d'eux?

y'aurait-il moyen de rendre les photos "moins" transparente que le cadre noir ou que certaines autres photos ?

#. Message de Malachite le 15-10-2007 à 11:42	20848 - ( )
Pays: France Inscrit le : 15-08-2004 Messages: 860 (Shaï Epileptique)	Citer

A ma connaissance, précisément la même chose. Mais l'opacité n'est pas (pour l'instant) standardisée dans CSS, ce qui fait que chaque browser en fait un peu qu'à sa tête (déjà que quand c'est standardisé... enfin faut voir la gueule des définition de standards aussi, il y a sûrement moyen de faire des spécification plus utilisable... C'était mon petit quart d'heure pas constructif).

Bref ça s'est à s'adapter à divers navigateur.

Malachite

#. Message de Herb le 15-10-2007 à 11:43	6807 - ( )
Pays: France (69 - Rhône) Inscrit le : 14-03-2004 Messages: 1558 (Trõll de Compèt')	Citer

Pour la transparence, tu dois utiliser plusieurs commandes car les différents navigateurs du marché ne sont pas compatibles.

La commande filter:alpha(opacity=90); est "comprise" par Internet Explorer
La commande -moz-opacity:0.60; est "comprise" par Firefox
La commande opacity:0.90; est "comprise" par les navigateurs supportant la norme CSS3

Le -khtml-opacity, je connais pas. Pour que ton site soit homogène pour tous les navigateurs, il faut que ta valeur de transparence soit la même. Là, tu mets 90% d'opacité pour IE et 60% pour Firefox donc suivant le navigateur utilisé, le résultat ne sera pas le même. Tu devrais donc choisir entre 60 et 90.

Pour ton problème de couleur de commentaire, tu peux essayer de rajouter dans tes styles :

table.friendsComments {
color : white;
}

#. Message de casimir56 le 15-10-2007 à 11:44	7287 - Casimir (Durakuir 60)
Pays: France Inscrit le : 28-02-2004 Messages: 2250 (Djinn Tonique)	Citer

ok, merci
j'ai testé de virer -moz-opacity:0.60 et -khtml-opacity:1
et ça marche aussi bien,

maintenant me reste plus qu'a trouver comment écrire le texte pré-défini en blanc, ainsi que rendre les photos moins transparente que le cadre ^^

Caz
edit: OK merci Herb, je rectifie

#. Message de casimir56 le 15-10-2007 à 11:49	7287 - Casimir (Durakuir 60)
Pays: France Inscrit le : 28-02-2004 Messages: 2250 (Djinn Tonique)	Citer

j'ai essayé de rajouté ta commande, ça marche pas, merci quand même

jvais essayer de bidouiller un peu

sinon tu sais comment faire pour que "l'opacity" définie pour l'ensemble de la page, soit différente pour tel ou telle photo ?
faut rajouter une ligne de code la ou se trouve la photo ?

#. Message de casimir56 le 15-10-2007 à 12:04	7287 - Casimir (Durakuir 60)
Pays: France Inscrit le : 28-02-2004 Messages: 2250 (Djinn Tonique)	Citer

j'ai essayé de rendre le texte opaque en rajoutant ceci :

<div style="filter:alpha(opacity=100); -moz-opacity:1; opacity:1; -khtml-opacity:1"> texte que j'ai écrit </div>

mais ça marche pas ! dmg

#. Message de Herb le 15-10-2007 à 13:01	6807 - ( )
Pays: France (69 - Rhône) Inscrit le : 14-03-2004 Messages: 1558 (Trõll de Compèt')	Citer

tu peux essayer ça alors :
table.friendsComments td {
color: white !important;
}

#. Message de casimir56 le 15-10-2007 à 13:05	7287 - Casimir (Durakuir 60)
Pays: France Inscrit le : 28-02-2004 Messages: 2250 (Djinn Tonique)	Citer

wow ! bien vu Herb !
ça marche !

ducoup il doit y avoir une ligne de code quasi identique pour rentre le texte écrit dans le cadre en haut a gauche et tout en bas a gauche, blanc également, jv chercher ça

merci bien !

Pages : [1]

Pour poster une réponse sur ce Forum, vous devez d'abord vous connecter

Si vous n'êtes pas encore enregistré, vous devez d'abord vous inscrire.

[ Contact : ] - [ Heure Serveur : 06:45:28 le 17/12/2025 ] - [ Page générée en 0.013 sec. ]