It is currently Wed 28 Sep 2016 - 00:20 - créer un forum

[Modification] Guide du css xooit

Skip to content

Post new topic Reply to topic Goto page: <  1, 2, 315, 16, 17116, 117, 118  >

[Modification] Guide du css xooit
Author Message
themalin


Joined: 19 Apr 2006
Posts: 8,897

PostPosted: Thu 15 Jan 2009 - 20:36    Post subject: [Modification] Guide du css xooit Reply with quote

PublicitéSupprimer les publicités ?
Previous post review:

dans ton index body cherches


 
Code: Sélectionner - Agrandir
<!-- BEGIN forumrow -->
<tr>
    <td class="row1" align="center" valign="middle" style="padding: 5px;"><img src="{catrow.forumrow.FORUM_FOLDER_IMG}" width="23" height="23" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" /></td>
    <td class="row1" width="100%"><span class="forumlink"> <script language="JavaScript">FolderStart('{catrow.forumrow.FORUM_FOLDER_IMG}');</script><a href="{catrow.forumrow.U_VIEWFORUM}" class="forumlink">{catrow.forumrow.FORUM_NAME}</a><script language="JavaScript">FolderEnd();</script><br />
      </span> <span class="genmed">{catrow.forumrow.FORUM_DESC}<br />
      </span><span class="gensmall">{catrow.forumrow.L_MODERATOR} {catrow.forumrow.MODERATORS}</span></td>
    <td class="row2" align="center" valign="middle"><span class="gensmall">{catrow.forumrow.TOPICS}</span></td>
    <td class="row2" align="center" valign="middle"><span class="gensmall">{catrow.forumrow.POSTS}</span></td>
    <td class="row2" align="center" valign="middle" nowrap="nowrap"> <span class="gensmall">{catrow.forumrow.LAST_POST}</span></td>
</tr>
<!-- END forumrow --> 
remplaces par



 
Code: Sélectionner - Agrandir
<!-- BEGIN forumrow -->
<tr>
    <td bgcolor="#000000" align="center" valign="middle" style="padding: 5px;"><img src="{catrow.forumrow.FORUM_FOLDER_IMG}" width="23" height="23" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" /></td>
    <td bgcolor="#000000" width="100%"><span class="forumlink"><a href="{catrow.forumrow.U_VIEWFORUM}" class="forumlink">{catrow.forumrow.FORUM_NAME}</a><br />
      </span> <span class="genmed">{catrow.forumrow.FORUM_DESC}<br />
      </span><span class="gensmall">{catrow.forumrow.L_MODERATOR} {catrow.forumrow.MODERATORS}</span></td>
    <td bgcolor="#000000" align="center" valign="middle"><span class="gensmall">{catrow.forumrow.TOPICS}</span></td>
    <td bgcolor="#000000" align="center" valign="middle"><span class="gensmall">{catrow.forumrow.POSTS}</span></td>
    <td bgcolor="#000000" align="center" valign="middle" nowrap="nowrap"> <span class="gensmall">{catrow.forumrow.LAST_POST}</span></td>
</tr>
<!-- END forumrow --> 
Forum
Author Message
paci


Offline
Guest




PostPosted: Thu 15 Jan 2009 - 20:43    Post subject: [Modification] Guide du css xooit Reply with quote

en fait j'ai compri.
tu m'as dit de changer ca
td.row1    { background-color: #F8FBE8; }
td.row2    { background-color: #E9EDD2; }
td.row3    { background-color: #DCE3C1; }

or moi j'avais juste ca:

td.row1, td.row2, td.row3, td.row3Right, td.postbottom
{
    border-left: solid 1px #404040;
    border-right: solid 1px #121212;
    border-top: solid 1px #3C3C3C;
    border-bottom: solid 1px #131313;
    background: #262626 url('http://img.xooimage.com/files10/c/e/cell-3210a.gif') top left repeat-x;
}

J'ai donc modifié "background" ce qui ma donné un forum moitié gris moitié noir.

J'ai tenter ca:
td.row1    { background-color: #000000; }
td.row2    { background-color: #000000; }
td.row3    { background-color: #000000; }

Et la effectivement, tout est noir mais je perds les séparation entre chaque sous partie. Ca me fait donc un un bloc tout noir.
J'approche du but mais il me faudrait ces séparation qui sont donner part:
border-left: solid 1px #404040;
    border-right: solid 1px #121212;
    border-top: solid 1px #3C3C3C;
    border-bottom: solid 1px #131313;

Mais qui ne sont plus pris en compte !
Je sais pas si j'ai été clair Smile


Author Message
themalin
Membre


Offline
Membre

Joined: 19 Apr 2006
Posts: 8,897
Point(s): 9,101
Moyenne: 1.02
Mac Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...)

PostPosted: Thu 15 Jan 2009 - 20:50    Post subject: [Modification] Guide du css xooit Reply with quote

essayes la modif que je viens de te donner

ça me mets bien tout en noir chez moi
_______________________


Forum
Author Message
paci


Offline
Guest




PostPosted: Thu 15 Jan 2009 - 20:54    Post subject: [Modification] Guide du css xooit Reply with quote

oui mais c que pour la premiere page et ca fait un bloc noir sans separation

Author Message
themalin
Membre


Offline
Membre

Joined: 19 Apr 2006
Posts: 8,897
Point(s): 9,101
Moyenne: 1.02
Mac Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...)

PostPosted: Thu 15 Jan 2009 - 20:59    Post subject: [Modification] Guide du css xooit Reply with quote

remplaces index body par ça


 
Code: Sélectionner - Agrandir
<table width="100%" cellspacing="0" cellpadding="2" border="0" align="center">
  <tr>
    <td align="left" valign="bottom"><span class="gensmall">
    <!-- BEGIN switch_user_logged_in -->
    {LAST_VISIT_DATE}<br />
    <!-- END switch_user_logged_in -->
    {CURRENT_TIME}<br /></span><span class="nav"><a href="{U_INDEX}" class="nav">{L_INDEX}</a></span></td>
    <td align="right" valign="bottom" class="gensmall">
        <!-- BEGIN switch_user_logged_in -->
        <a href="{U_SEARCH_NEW}" class="gensmall">{L_SEARCH_NEW}</a><br /><a href="{U_SEARCH_SELF}" class="gensmall">{L_SEARCH_SELF}</a><br />
        <!-- END switch_user_logged_in -->
        <a href="{U_SEARCH_UNANSWERED}" class="gensmall">{L_SEARCH_UNANSWERED}</a></td>
  </tr>
</table>

<!-- BEGIN catrow -->
<table width="100%" cellpadding="2" cellspacing="0" class="forumline">
<thead>
    <caption><table border="0" cellspacing="0" cellpadding="0" width="100%" class="forumheader">
    <tr>
        <td align="left" valign="bottom" width="25"><img src="http://img8.xooimage.com/files/h/d/hdr_left-30ea5.gif" width="25" height="27" alt="" /></td>
        <td align="center" class="forumheader-mid"><a href="{catrow.U_VIEWCAT}">{catrow.CAT_DESC}</a></td>
        <td align="right" valign="bottom" width="25"><img src="http://img5.xooimage.com/files/h/d/hdr_right-30ea6.gif" width="25" height="27" alt="" /></td>
    </tr></table></caption>
</thead>
<tbody>
<tr>
    <th colspan="2">{L_FORUM}</th>
    <th width="50">{L_TOPICS}</th>
    <th width="50">{L_POSTS}</th>
    <th>{L_LASTPOST}</th>
</tr>
<!-- BEGIN forumrow -->
<tr>
    <td bgcolor="#000000" align="center" valign="middle" style="padding: 5px;"><img src="{catrow.forumrow.FORUM_FOLDER_IMG}" width="23" height="23" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" /></td>
    <td bgcolor="#000000" width="100%"><span class="forumlink"><a href="{catrow.forumrow.U_VIEWFORUM}" class="forumlink">{catrow.forumrow.FORUM_NAME}</a><br />
      </span> <span class="genmed">{catrow.forumrow.FORUM_DESC}<br />
      </span><span class="gensmall">{catrow.forumrow.L_MODERATOR} {catrow.forumrow.MODERATORS}</span></td>
    <td bgcolor="#000000" align="center" valign="middle"><span class="gensmall">{catrow.forumrow.TOPICS}</span></td>
    <td bgcolor="#000000" align="center" valign="middle"><span class="gensmall">{catrow.forumrow.POSTS}</span></td>
    <td bgcolor="#000000" align="center" valign="middle" nowrap="nowrap"> <span class="gensmall">{catrow.forumrow.LAST_POST}</span></td>
</tr>
<!-- END forumrow -->
<br>
<!-- END catrow -->
</tbody>
</table>
<br class="spacer" />


<table width="100%" cellspacing="0" border="0" align="center" cellpadding="2">
  <tr>
    <td align="left"><span class="gensmall"><a href="{U_MARK_READ}" class="gensmall">{L_MARK_FORUMS_READ}</a></span></td>
    <td align="right"><span class="gensmall">{S_TIMEZONE}</span></td>
  </tr>
</table>

<table width="100%" cellpadding="3" cellspacing="0" class="forumline">
<thead>
    <caption><table border="0" cellspacing="0" cellpadding="0" width="100%" class="forumheader">
    <tr>
        <td align="left" valign="bottom" width="25"><img src="http://img8.xooimage.com/files/h/d/hdr_left-30ea5.gif" width="25" height="27" alt="" /></td>
        <td align="center" class="forumheader-mid"><a href="{U_VIEWONLINE}">{L_WHO_IS_ONLINE}</a></td>
        <td align="right" valign="bottom" width="25"><img src="http://img5.xooimage.com/files/h/d/hdr_right-30ea6.gif" width="25" height="27" alt="" /></td>
    </tr></table></caption>
</thead>
<tbody>
<tr>
    <td class="row1" align="center" valign="middle" rowspan="2" style="padding: 5px;"><img src="http://img1.xooimage.com/files/w/h/whosonline-2c43e.gif" alt="{L_WHO_IS_ONLINE}" width="23" height="23" /></td>
    <td class="row1" align="left" width="100%"><span class="gensmall">{TOTAL_POSTS}<br />{TOTAL_USERS}<br />{NEWEST_USER}</span>
    </td>
</tr>
<tr>
    <td class="row1" align="left"><span class="gensmall">{TOTAL_USERS_ONLINE} &nbsp; [ {L_WHOSONLINE_ADMIN} ] &nbsp; [ {L_WHOSONLINE_MOD} ]<br />{RECORD_USERS}<br />{LOGGED_IN_USER_LIST}</span></td>
</tr>
</tbody>
</table>

<table width="100%" cellpadding="1" cellspacing="1" border="0">
<tr>
    <td align="left" valign="top"><span class="gensmall">{L_ONLINE_EXPLAIN}</span></td>
</tr>
</table>

<!-- BEGIN switch_user_logged_out -->
<form method="post" action="{S_LOGIN_ACTION}">
  <table width="100%" cellpadding="2" cellspacing="0" class="forumline">
<thead>
    <caption><table border="0" cellspacing="0" cellpadding="0" width="100%" class="forumheader">
    <tr>
        <td align="left" valign="bottom" width="25"><img src="http://img8.xooimage.com/files/h/d/hdr_left-30ea5.gif" width="25" height="27" alt="" /></td>
        <td align="center" class="forumheader-mid"><a name="login"></a>{L_LOGIN_LOGOUT}</td>
        <td align="right" valign="bottom" width="25"><img src="http://img5.xooimage.com/files/h/d/hdr_right-30ea6.gif" width="25" height="27" alt="" /></td>
    </tr></table></caption>
</thead>
<tbody>
    <tr>
      <td class="row1" align="center" valign="middle"><table border="0" cellspacing="0" cellpadding="1">
      <tr>
        <td><span class="gensmall">{L_USERNAME}:</span></td>
        <td><input class="post" type="text" name="username" size="10" /></td>
        <td><span class="gensmall">&nbsp;&nbsp;&nbsp;{L_PASSWORD}:</span>
        <td><input class="post" type="password" name="password" size="10" maxlength="32" /></td>
        <td><span class="gensmall">&nbsp;&nbsp; &nbsp;&nbsp;{L_AUTO_LOGIN}</span></td>
        <td width="20"><span class="cbstyled"><input type="checkbox" name="autologin" /></span></td>
        <td><span class="gensmall">&nbsp;&nbsp;&nbsp;</span></td>
        <td><input type="submit" class="mainoption" name="login" value="{L_LOGIN}" /></td>
      </tr>
      </table></td>
    </tr>
   </tbody>
  </table>
</form>
<!-- END switch_user_logged_out -->

<br clear="all" />

<table cellspacing="3" border="0" align="center" cellpadding="0">
  <tr>
    <td width="20" align="center"><img src="http://img5.xooimage.com/files/f/o/folder_new_big-30e86.gif" alt="{L_NEW_POSTS}" width="23" height="23" /></td>
    <td><span class="gensmall">{L_NEW_POSTS}</span></td>
    <td>&nbsp;&nbsp;</td>
    <td width="20" align="center"><img src="http://img2.xooimage.com/files/f/o/folder_big-30e47.gif" alt="{L_NO_NEW_POSTS}" width="23" height="23" /></td>
    <td><span class="gensmall">{L_NO_NEW_POSTS}</span></td>
    <td>&nbsp;&nbsp;</td>
    <td width="20" align="center"><img src="http://img2.xooimage.com/files/f/o/folder_locked_big-30e87.gif" alt="{L_FORUM_LOCKED}" width="23" height="23" /></td>
    <td><span class="gensmall">{L_FORUM_LOCKED}</span></td>
  </tr>
</table> 
et viewforum body par ça


 
Code: Sélectionner - Agrandir
<form method="post" action="{S_POST_DAYS_ACTION}">
  <table width="100%" cellspacing="2" cellpadding="2" border="0" align="center">
    <tr>
      <td align="left" valign="bottom" colspan="2"><a class="maintitle" href="{U_VIEW_FORUM}">{FORUM_NAME}</a><br /><span class="gensmall"><b>{L_MODERATOR}: {MODERATORS}<br /><br />{LOGGED_IN_USER_LIST}</b></span></td>
      <td align="right" valign="bottom" nowrap="nowrap"><span class="gensmall"><b>{PAGINATION}</b></span></td>
    </tr>
    <tr>
      <td align="left" valign="middle" width="50"><a href="{U_POST_NEW_TOPIC}"><img src="{POST_IMG}" border="0" alt="{L_POST_NEW_TOPIC}" /></a></td>
      <td align="left" valign="middle" class="nav" width="100%"><span class="nav">&nbsp;&nbsp;&nbsp;<a href="{U_INDEX}" class="nav">{L_INDEX}</a> &raquo; <a class="nav" href="{U_VIEW_FORUM}">{FORUM_NAME}</a></span></td>
      <td align="right" valign="bottom" class="nav" nowrap="nowrap"><span class="gensmall"><a href="{U_MARK_READ}">{L_MARK_TOPICS_READ}</a></span></td>
    </tr>
  </table>

<table cellpadding="4" cellspacing="0" width="100%" class="forumline">
<thead>
    <caption><table border="0" cellspacing="0" cellpadding="0" width="100%" class="forumheader">
    <tr>
        <td align="left" valign="bottom" width="25"><img src="http://img8.xooimage.com/files/h/d/hdr_left-30ea5.gif" width="25" height="27" alt="" /></td>
        <td align="center" class="forumheader-mid"><a href="{U_VIEW_FORUM}">{FORUM_NAME}</a></td>
        <td align="right" valign="bottom" width="25"><img src="http://img5.xooimage.com/files/h/d/hdr_right-30ea6.gif" width="25" height="27" alt="" /></td>
    </tr></table></caption>
</thead>
<tbody>
<tr>
    <th colspan="2">{L_TOPICS}</th>
    <th width="50">{L_REPLIES}</th>
    <th width="100">{L_AUTHOR}</th>
    <th width="50">{L_VIEWS}</th>
    <th>{L_LASTPOST}</th>
</tr>
<!-- BEGIN topicrow -->
<tr>
    <td class="row1" align="center" valign="middle" width="20"><img src="{topicrow.TOPIC_FOLDER_IMG}" width="16" height="16" alt="{topicrow.L_TOPIC_FOLDER_ALT}" title="{topicrow.L_TOPIC_FOLDER_ALT}" /></td>
    <td class="row1" width="100%"><span class="topictitle">{topicrow.NEWEST_POST_IMG}{topicrow.TOPIC_TYPE}<a href="{topicrow.U_VIEW_TOPIC}" class="topictitle">{topicrow.TOPIC_TITLE}</a></span><span class="gensmall"><br />
        {topicrow.GOTO_PAGE}</span></td>
    <td class="row2" align="center" valign="middle"><span class="postdetails">{topicrow.REPLIES}</span></td>
    <td class="row3" align="center" valign="middle"><span class="name">{topicrow.TOPIC_AUTHOR}</span></td>
    <td class="row2" align="center" valign="middle"><span class="postdetails">{topicrow.VIEWS}</span></td>
    <td class="row3Right" align="center" valign="middle" nowrap="nowrap"><span class="postdetails">{topicrow.LAST_POST_TIME}<br />{topicrow.LAST_POST_AUTHOR} {topicrow.LAST_POST_IMG}</span></td>
</tr>
<!-- END topicrow -->
<!-- BEGIN switch_no_topics -->
<tr>
    <td class="row1" colspan="6" height="30" align="center" valign="middle"><span class="gen">{L_NO_TOPICS}</span></td>
</tr>
<!-- END switch_no_topics -->
<tr>
    <td class="catBottom" align="center" valign="middle" colspan="6" height="28"><span class="genmed">{L_DISPLAY_TOPICS}:&nbsp;{S_SELECT_TOPIC_DAYS}&nbsp;
        <input type="submit" class="liteoption" value="{L_GO}" name="submit" />
        </span></td>
</tr>
</tbody>
</table>

  <table width="100%" cellspacing="2" border="0" align="center" cellpadding="2">
    <tr>
      <td align="left" valign="middle" width="50"><a href="{U_POST_NEW_TOPIC}"><img src="{POST_IMG}" border="0" alt="{L_POST_NEW_TOPIC}" /></a></td>
      <td align="left" valign="middle" width="100%"><span class="nav">&nbsp;&nbsp;&nbsp;<a href="{U_INDEX}" class="nav">{L_INDEX}</a> &raquo; <a class="nav" href="{U_VIEW_FORUM}">{FORUM_NAME}</a></span></td>
      <td align="right" valign="middle" nowrap="nowrap"><span class="gensmall">{S_TIMEZONE}</span><br /><span class="nav">{PAGINATION}</span>
        </td>
    </tr>
    <tr>
      <td align="left" colspan="3"><span class="nav">{PAGE_NUMBER}</span></td>
    </tr>
  </table>
</form>

<table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td align="right">{JUMPBOX}</td>
  </tr>
</table>

<table width="100%" cellspacing="0" border="0" align="center" cellpadding="0">
    <tr>
        <td align="left" valign="top"><table cellspacing="3" cellpadding="0" border="0">
            <tr>
                <td width="20" align="center"><img src="{FOLDER_NEW_IMG}" alt="{L_NEW_POSTS}" width="16" height="16" /></td>
                <td class="gensmall">{L_NEW_POSTS}</td>
                <td>&nbsp;&nbsp;</td>
                <td width="20" align="center"><img src="{FOLDER_IMG}" alt="{L_NO_NEW_POSTS}" width="16" height="16" /></td>
                <td class="gensmall">{L_NO_NEW_POSTS}</td>
                <td>&nbsp;&nbsp;</td>
                <td width="20" align="center"><img src="{FOLDER_ANNOUNCE_IMG}" alt="{L_ANNOUNCEMENT}" width="16" height="16" /></td>
                <td class="gensmall">{L_ANNOUNCEMENT}</td>
            </tr>
            <tr>
                <td width="20" align="center"><img src="{FOLDER_LOCKED_NEW_IMG}" alt="{L_NEW_POSTS_LOCKED}" width="16" height="16" /></td>
                <td class="gensmall">{L_NEW_POSTS_LOCKED}</td>
                <td>&nbsp;&nbsp;</td>
                <td width="20" align="center"><img src="{FOLDER_LOCKED_IMG}" alt="{L_NO_NEW_POSTS_LOCKED}" width="16" height="16" /></td>
                <td class="gensmall">{L_NO_NEW_POSTS_LOCKED}</td>
                <td>&nbsp;&nbsp;</td>
                <td width="20" align="center"><img src="{FOLDER_STICKY_IMG}" alt="{L_STICKY}" width="16" height="16" /></td>
                <td class="gensmall">{L_STICKY}</td>
            </tr>
        </table></td>
        <td align="right"><span class="gensmall">{S_AUTH_LIST}</span></td>
    </tr>
</table> 

_______________________


Forum
Author Message
paci


Offline
Guest




PostPosted: Thu 15 Jan 2009 - 21:23    Post subject: [Modification] Guide du css xooit Reply with quote

nan ca ne donne pas le resultat que je cherche.
Tanpis, je vais rester sur ce que j'ai.

Merci quand meme pour le tps que tu m'a consacré.


Author Message
themalin
Membre


Offline
Membre

Joined: 19 Apr 2006
Posts: 8,897
Point(s): 9,101
Moyenne: 1.02
Mac Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...)

PostPosted: Thu 15 Jan 2009 - 21:28    Post subject: [Modification] Guide du css xooit Reply with quote

tu es sur j'ai bien les cellules en noir sinon dans ton iondex body ici



 
Code: Sélectionner - Agrandir

<td class="row1" width="100%"><span class="forumlink"> <script language="JavaScript">FolderStart('{catrow.forumrow.FORUM_FOLDER_IMG}');</script><a href="{catrow.forumrow.U_VIEWFORUM}" class="forumlink">{catrow.forumrow.FORUM_NAME}</a><script language="JavaScript">FolderEnd();</script><br />
      </span> <span class="genmed">{catrow.forumrow.FORUM_DESC}<br /> 


supprimes les


 
Code: Sélectionner - Agrandir
<script language="JavaScript">FolderStart('{catrow.forumrow.FORUM_FOLDER_IMG}');</script>

<script language="JavaScript">FolderEnd();</script> 


pour que la couleur prennent toutes la cellules
_______________________


Forum
Author Message
scafer


Offline
Guest




PostPosted: Sat 17 Jan 2009 - 14:38    Post subject: [Modification] Guide du css xooit Reply with quote

bonjour,
voilà je voulais savoir (je sais pas si c'est vraiment le bon post) si c'était possible que, quand on survole la barre de navigation, ça change d'image?

J'xplique, j'ai changer ma barre de navigation par une image, et j'aimerais donc en passant le curseur dessus que l'image change.

Wink


Author Message
themalin
Membre


Offline
Membre

Joined: 19 Apr 2006
Posts: 8,897
Point(s): 9,101
Moyenne: 1.02
Mac Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...)

PostPosted: Sat 17 Jan 2009 - 15:00    Post subject: [Modification] Guide du css xooit Reply with quote

bonjour

oui dans panneau admin
thème
modifier les templates
overall header tu cherches ta partie navigation et pour chaque image tu mets comme ça


 
Code: Sélectionner - Agrandir

<img   src="lien de ton image" border="0">  



tu transformes en

sinon le plus simple serait de faire une barre de navigation en flash et tu auras ce que tu veux demande ici

http://www.magicgraphic.info/supgraph/index.php
 
Code: Sélectionner - Agrandir

<img style="border: 0px solid ; opacity: 0.4;" onmouseover="lien de ton image1" onmouseout="lien de ton image 2"  src="lien de ton image">  


_______________________


Forum
Author Message
scafer


Offline
Guest




PostPosted: Sat 17 Jan 2009 - 15:18    Post subject: [Modification] Guide du css xooit Reply with quote

j'ai pas trop compris, excuse moi des fois (même souvent) j'ai un peu de mal..
En fait cela ne va pas changer ma barre de navigation?juste m'en metre une quand je surlvole c'est bien ça?
Et donc par exemple si je veux ajouter une imlage pour le survole pour "profil" je met le code a la suite du code "profil" de la navigation?


Author Message
themalin
Membre


Offline
Membre

Joined: 19 Apr 2006
Posts: 8,897
Point(s): 9,101
Moyenne: 1.02
Mac Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...)

PostPosted: Sat 17 Jan 2009 - 15:26    Post subject: [Modification] Guide du css xooit Reply with quote

non

tu dois chercher le code image de profil

dans overall header ça


 
Code: Sélectionner - Agrandir
<a href="{U_PROFILE}" class="mainmenu"><img src="http://img3.xooimage.com/files/i/c/icon_mini_profile-39ace.gif" width="12" height="13" border="0" alt="{L_PROFILE}" hspace="3" />{L_PROFILE}</a> 


tu remplaces par


 
Code: Sélectionner - Agrandir
<a href="{U_PROFILE}" class="mainmenu"><img src="http://img3.xooimage.com/files/i/c/icon_mini_profile-39ace.gif" width="12" height="13" border="0" alt="{L_PROFILE}" style="border: 0px solid ; opacity: 0.4;" onmouseover="lien de ton image1" onmouseout="lien de ton image 2" hspace="3" />{L_PROFILE}</a> 
et tu changes le lien des images

sinon comme indiqué le plus simple serait de faire une barre flash si tu veux tout changer
_______________________


Forum
Author Message
scafer


Offline
Guest




PostPosted: Sat 17 Jan 2009 - 16:08    Post subject: [Modification] Guide du css xooit Reply with quote

ça marche pas

http://horrorfrenchmovies.xooit.fr/portal.php

mon template:

 

Code: Sélectionner - Agrandir

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html dir="{S_CONTENT_DIRECTION}">
<head>
<meta name="verify-v1"
content="7pFaUe5bhAAArEOOV7H31rwYQK/RSFs9PyKa7EDGW1Y=" />
<meta http-equiv="Content-Type" content="text/html; charset={S_CONTENT_ENCODING}">
<meta http-equiv="Content-Style-Type" content="text/css">
{META}
{NAV_LINKS}
<title>{SITENAME} :: {PAGE_TITLE}</title>
<link rel="stylesheet" href="http://img3.xooimage.com/files/3/2/e/redglass-94963c.css" type="text/css">
<!-- BEGIN switch_enable_pm_popup -->
<script language="Javascript" type="text/javascript">
<!--
    if ( {PRIVATE_MESSAGE_NEW_FLAG} )
    {
        window.open('{U_PRIVATEMSGS_POPUP}', '_phpbbprivmsg', 'HEIGHT=250,resizable=yes,WIDTH=668');;
    }
//-->
</script>
<!-- END switch_enable_pm_popup -->
</head>
<body bgcolor="{T_BODY_BGCOLOR}" text="{T_BODY_TEXT}" link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}">

<a name="Top"></a>
<a name="top"></a>

<table width="100%" cellspacing="0" cellpadding="0" border="0" align="center">
    <tr>
        <td class="bodyline">
        <table width="100%" cellspacing="0" cellpadding="0" border="0">
            <tr>
            <td background="http://img3.xooimage.com/files/1/7/c/test-bordure-94947e.jpg" width="100%" height="30" align="center">
            <span class="copyright">{SITENAME} - {SITE_DESCRIPTION}</span>
            </td>
            </tr>
            </table>
            <br />
        <table width="90%" cellspacing="0" cellpadding="0" border="0" align="center">

            <tr>
                <td align="center"><a href="http://goremoviz.xooit.fr/portal.php"><img src="http://img3.xooimage.com/files/6/0/5/gggoremovizzz-94f6db.gif" border="0" alt="{L_INDEX}" vspace="1" /></a></td>
            </tr>
                <td align="center" width="100%" valign="middle">
                <table cellspacing="0" cellpadding="2" border="0">
                   <tr>
                      <td align="center" valign="middle" nowrap="nowrap"><a href="{U_INDEX}" class="mainmenu"><img src="http://photomaniak.com/upload/out.php/i538348_navIndex.png" border="0" alt="{L_INDEX}" /></a><a href="{U_FAQ}" class="mainmenu"><img src="http://photomaniak.com/upload/out.php/i538349_NavFaq.png" border="0" alt="{L_FAQ}" /></a><!-- BEGIN switch_user_logged_in --><a href="{U_PROFILE}" class="mainmenu"><img src="http://photomaniak.com/upload/out.php/i538351_NavProfil.png" border="0" alt="{L_PROFILE}" /></a><!-- END switch_user_logged_in --><a href="{U_MEMBERLIST}" class="mainmenu"><img src="http://photomaniak.com/upload/out.php/i538352_NavMembres.png" border="0" alt="{L_MEMBERLIST}" /></a><a href="{U_GROUP_CP}" class="mainmenu"><img src="LIEN IMAGE GROUPES" border="0" alt="{L_USERGROUPS}" /></a><a href="{U_SEARCH}" class="mainmenu"><img src="LIEN IMAGE RECHERCHE" border="0" alt="{L_SEARCH}" /></a><!-- BEGIN switch_user_logged_out --><a href="{U_REGISTER}" class="mainmenu"><img src="LIEN IMAGE S'ENREGISTRER" border="0" alt="{L_REGISTER}" /></a><!-- END switch_user_logged_out --><a href="{U_PRIVATEMSGS}" class="mainmenu"><!-- BEGIN switch_user_logged_in --><!-- IF PRIVATE_MESSAGE_INFO == "Vous n’avez pas de nouveaux messages" || PRIVATE_MESSAGE_INFO == "You have no new messages" --><img src="LIEN IMAGE PAS DE NOUVEAU MESSAGE" alt="{PRIVATE_MESSAGE_INFO}" border="0" /><!-- ELSE --><img src="LIEN IMAGE NOUVEAU MESSAGE" alt="{PRIVATE_MESSAGE_INFO}" border="0" /><!-- ENDIF --><!-- END switch_user_logged_in --><!-- BEGIN switch_user_logged_out --><img src="LIEN IMAGE CONNECTEZ-VOUS POUR VÉRIFIER VOS MPS" alt="{PRIVATE_MESSAGE_INFO}" border="0" /><!-- END switch_user_logged_out --></a><a href="{U_LOGIN_LOGOUT}" class="mainmenu"><!-- BEGIN switch_user_logged_out --><img src="LIEN IMAGE CONNEXION" border="0" alt="{L_LOGIN_LOGOUT}" /><!-- END switch_user_logged_out --><!-- BEGIN switch_user_logged_in --><img src="LIEN IMAGE DECONNEXION" border="0" alt="{L_LOGIN_LOGOUT}" /><!-- END switch_user_logged_in --></a></td>
                   </tr>
                </table>

        <br /> 
 


j'ai mis ça:

 
Code: Sélectionner - Agrandir
<a href="{U_PROFILE}" class="mainmenu"><img src="http://photomaniak.com/upload/out.php/i538483_NavProfil.png" width="12" height="13" border="0" alt="{L_PROFILE}" style="border: 0px solid ; opacity: 0.4;" onmouseover="http://photomaniak.com/upload/out.php/i538950_testprofil.png" onmouseout="http://photomaniak.com/upload/out.php/i538483_NavProfil.png" hspace="3" />{L_PROFILE}</a> 
j'ai le logo tout petit et le texte "profil" juste à côté, alors que je voudrais faire comme là

http://goremoviz.xooit.fr/portal.php

et juste changer quand le curseur passe sur un titre...

En flash ça aurait été bien mais je m'y connais pas là dedans.

Crying or Very sad


Author Message
themalin
Membre


Offline
Membre

Joined: 19 Apr 2006
Posts: 8,897
Point(s): 9,101
Moyenne: 1.02
Mac Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...)

PostPosted: Sat 17 Jan 2009 - 19:22    Post subject: [Modification] Guide du css xooit Reply with quote

déjà il ne fallait pas pas prendre le code que je t'ai mis mais faire la modification comme je te l'ai indiqué sinon c'est normal d'avoir une pette image et le texte

sinon je ne vois pas sur le forum ce que tu veux exactement
tu peux faire un screen de ce que tu veux car pour les invités on ne voit pas provil
_______________________


Forum
Author Message
scafer


Offline
Guest




PostPosted: Sat 17 Jan 2009 - 19:51    Post subject: [Modification] Guide du css xooit Reply with quote

En fait ce que je veux c'est quand je passe le curseur sur les titre de la barre de navigation, qu'il apparaisse autre chose:

exemple:

sans placer le curseur sur la barre de navigation ça donne ceci:



et quand par exemple je place le curseur sur "index" ça donnerait ceci:




Sachant que la barre de navigation je l'ai faite en png avec ecriture incruster, donc je ferais une autre avec écriture différente pour le curseur

Wink


Author Message
themalin
Membre


Offline
Membre

Joined: 19 Apr 2006
Posts: 8,897
Point(s): 9,101
Moyenne: 1.02
Mac Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...)

PostPosted: Sat 17 Jan 2009 - 19:56    Post subject: [Modification] Guide du css xooit Reply with quote

ben tu par de ce code dans ton template


 
Code: Sélectionner - Agrandir
<a href="{U_PROFILE}" class="mainmenu"><img src="http://img3.xooimage.com/files/i/c/icon_mini_profile-39ace.gif" width="12" height="13" border="0" alt="{L_PROFILE}" hspace="3" /></a>  


et tu dois avoir


 
Code: Sélectionner - Agrandir
<a href="{U_PROFILE}" class="mainmenu"><img src="image1" border="0" alt="{L_PROFILE}" onmouseover="this.src='image2'" onmouseout="this.src='image1'" onmousedown="this.src='image2'"/></a>  
dans le code de l'image il faut rajouter


 
Code: Sélectionner - Agrandir
onmouseover="this.src='image2'" onmouseout="this.src='image1'" onmousedown="this.src='image2'" 

_______________________


Forum
Author Message
scafer


Offline
Guest




PostPosted: Sat 17 Jan 2009 - 22:07    Post subject: [Modification] Guide du css xooit Reply with quote

cool ça marche, et je fais le même pmrocéder pour le reste des bouton de la barre de navigation.
Merci
Wink


Author Message
Contenu Sponsorisé





PostPosted: Today at 00:20    Post subject: [Modification] Guide du css xooit

Display posts from previous:   
Reply to topic Page 16 of 118 Goto page: <  1, 2, 315, 16, 17116, 117, 118  >




Portal | Index | Administration Panel | Create a forum | Free support forum | Free forums directory | Report a violation | Conditions générales d'utilisation
Propulsé par p h p B B © 2016 p h p B B Group |
 
© 2003-2013 Xooit.com - Contact - Mentions légales - CGU - Charte - CNIL : 1381401