|
Auteur | Message |
---|
Omg, mais c'est Love Darkness
Admin
Messages : 17
Age : 29
Feuille de personnage Je suis : : Vampire Description du personnage : :
|
| Sujet: Votre 1er sujet Ven 23 Mar - 18:28 | |
|
Glossaire pour CSS
a Tous ce qui concerne les liens
a:hover Quand on passe sur un lien
a .forumlink:hover Quand on passe sur les titre des tes catégorie
.forumline Toutes les ligne séparatrice du forum.
input Champ de formulaire.
textarea Zone de saisie multiligne.
select Liste déroulante.
a.topictitle Liens des sujets.
a.mainmenu Modification du menu de navigation.
.thRight Titre "message" dans chaque sujet ouvert.
.thLeft Titre "auteur" dans chaque sujet ouvert.
.secondarytitle Titre des colonnes des catégories "Forum", "Dernier messages".
.t-title h1 Titre des sujets quand le sujet et ouvert.
a.cattitle Titre des catégorie.
a.nav Navigation juste au dessus du forum.
Dernière édition par Love Darkness le Sam 24 Mar - 7:25, édité 1 fois |
|
| |
Omg, mais c'est Love Darkness
Admin
Messages : 17
Age : 29
Feuille de personnage Je suis : : Vampire Description du personnage : :
|
| Sujet: Re: Votre 1er sujet Sam 24 Mar - 7:16 | |
|
Bannière et fond. Pour que la bannière soit plus large que le forum et que l'on puisse mettre en même temps une image en fond.
Template -> overall_header_new Coupez cette partie de code:
- Code:
-
<table width="100%" cellspacing="0" cellpadding="0" border="0"> <tr> <!-- BEGIN switch_logo_left --> <td><a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" /></a></td> <td align="center" width="100%" valign="middle"> <div class="maintitle">{MAIN_SITENAME}</div>
<span class="gen">{SITE_DEscriptION} </span> </td> <!-- END switch_logo_left -->
<!-- BEGIN switch_logo_center --> <td align="center" width="100%" valign="middle"> <a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" /></a>
<div class="maintitle">{MAIN_SITENAME}</div>
<span class="gen">{SITE_DEscriptION}</span> </td> <!-- END switch_logo_center -->
<!-- BEGIN switch_logo_right --> <td align="center" width="100%" valign="middle"> <div class="maintitle">{MAIN_SITENAME}</div>
<span class="gen">{SITE_DEscriptION} </span> </td> <td> <a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" /></a> </td> <!-- END switch_logo_right --> </tr> </table> Et la placer au dessus de:
- Code:
-
<table class="bodylinewidth" width="{T_BODY_TABLE_WIDTH}" cellspacing="0" cellpadding="10" border="0" align="center"> Enfin dans le css:
- Code:
-
body { margin : 0px; }
|
|
| |
Omg, mais c'est Love Darkness
Admin
Messages : 17
Age : 29
Feuille de personnage Je suis : : Vampire Description du personnage : :
|
| Sujet: Re: Votre 1er sujet Sam 24 Mar - 8:42 | |
|
Modification sur l'avatar et le profil
Couleur autour du pseudo, rang, avatar et profil. Pseudo et rang centrés.
Templates -> viewtopic_body - Code:
-
<div class="avapro"><span class="name"><a name="{postrow.displayed.U_POST_ID}"></a><strong><div align="center">{postrow.displayed.POSTER_NAME}</span></strong><br /> <span class="postdetails poster-profile"> {postrow.displayed.POSTER_RANK}<br /> {postrow.displayed.RANK_IMAGE}{postrow.displayed.POSTER_AVATAR}</div><br /><br /> <!-- BEGIN profile_field --> {postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR} <!-- END profile_field --> {postrow.displayed.POSTER_RPG} </span><br /></div>
Explications: Une div autour de l'ensemble pour le cadre de couleur. Un div pour center le pseudo et le rang. - Code:
-
<div align="center">{postrow.displayed.POSTER_NAME}</strong></span><br /> <span class="postdetails poster-profile"> {postrow.displayed.POSTER_RANK}<br /> {postrow.displayed.RANK_IMAGE}{postrow.displayed.POSTER_AVATAR}</div>
Faire un profil masqué.
- Code:
-
<div class="profilmasque" onClick="this.firstChild.value=(this.firstChild.value=='Afficher le profil')?'Masquer le Profil':'Afficher le profil';this.lastChild.style.display=(this.firstChild.value=='Afficher le profil')?'none':'block';" style="text-align: center;"> <input type="button" value="Afficher le profil" class="profil1"/> <div style="display: none; text-align:left;"> {postrow.displayed.POSTER_RPG}</div> </div> Explications: Ici je n'ai mit que la feuille de personnage à masquer, mais on pourrai très bien mettre tout le profil et même l'avatar. ->.profilmasque est la class pour le css.
Signification dans le code:
- Code:
-
{postrow.displayed.U_POST_ID} => Lien sur le speudo.
- Code:
-
{postrow.displayed.POSTER_NAME} => Affichage du speudo.
- Code:
-
{postrow.displayed.POSTER_RANK} => Affichage du titre du Rang.
- Code:
-
{postrow.displayed.RANK_IMAGE} => Affichage du Rang en image.
- Code:
-
{postrow.displayed.POSTER_AVATAR} => Affichage de l'avatar.
- Code:
-
{postrow.displayed.profile_field.LABEL} => Intitulé "Messages, dates d'inscription ...." dans le profil.
- Code:
-
postrow.displayed.profile_field.CONTENT} => Info "nombre de message, dates d'inscription ..." dans le profil.
- Code:
-
{postrow.displayed.profile_field.SEPARATOR} => Retour à la ligne entre chaque infos.
- Code:
-
{postrow.displayed.POSTER_RPG} => Fiche personnage.[code]
|
|
| |
Omg, mais c'est Love Darkness
Admin
Messages : 17
Age : 29
Feuille de personnage Je suis : : Vampire Description du personnage : :
|
| Sujet: Re: Votre 1er sujet Sam 24 Mar - 8:45 | |
|
|
| |
Omg, mais c'est Love Darkness
Admin
Messages : 17
Age : 29
Feuille de personnage Je suis : : Vampire Description du personnage : :
|
| Sujet: Re: Votre 1er sujet Sam 24 Mar - 8:48 | |
|
|
| |
Omg, mais c'est Love Darkness
Admin
Messages : 17
Age : 29
Feuille de personnage Je suis : : Vampire Description du personnage : :
|
| Sujet: Re: Votre 1er sujet Sam 24 Mar - 8:51 | |
|
Opacité progressive
Aller dans PA » Général » Forum » Configuration » Description du site mettre ce code: Code:
Dans le templatte overall_footer mettre ce code - Code:
-
<script type="text/javascript"> gradualFader.init() </script> avant la balise de fin du body
Dans le code html pour les image avec opacité mettre:
- Code:
-
<img src="Adresse URL de l'image" class="gradualfader">
Et dans le css: - Code:
-
.gradualfader{ filter:alpha(opacity=70); -moz-opacity:0.7;opacity: 0.7; } .gradualfader:hover{ filter:alpha(opacity=100); -moz-opacity:1;opacity: 1; }
|
|
| |
Omg, mais c'est Love Darkness
Admin
Messages : 17
Age : 29
Feuille de personnage Je suis : : Vampire Description du personnage : :
|
| Sujet: Re: Votre 1er sujet Sam 24 Mar - 8:52 | |
|
Enlever la colonne d'icône des sujets.
tamplette -> topics_list_box.
Situez cet extrait : - Code:
-
<!-- BEGIN icon --> <td class="{topics_list_box.row.ROW_CLASS}" align="center" valign="middle" width="20">{topics_list_box.row.ICON}</td> <!-- END icon --> Et supprimez-le.
Plus haut, situez cet extrait : - Code:
-
<th colspan="{topics_list_box.row.header_table.COLSPAN}" align="center" nowrap="nowrap"> {topics_list_box.row.L_TITLE} </th> Et remplacez-le par : - Code:
-
<th colspan="2" align="center" nowrap="nowrap"> {topics_list_box.row.L_TITLE} </th>
|
|
| |
Omg, mais c'est Contenu sponsorisé
|
| Sujet: Re: Votre 1er sujet | |
|
|
| |
|