It is currently Sat 1 Oct 2016 - 17:29 - créer un forum

[Modification] Guide du css xooit

Skip to content

Post new topic Reply to topic Goto page: <  1, 2, 363, 64, 65116, 117, 118  >

[Modification] Guide du css xooit
Author Message
themalin


Joined: 19 Apr 2006
Posts: 8,897

PostPosted: Sat 20 Jun 2009 - 19:35    Post subject: [Modification] Guide du css xooit Reply with quote

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

bonjour

pour ça c'est ici

/* Main table cell colours and backgrounds */
td.row1 { background-color: #F8FBE8; }
td.row2 { background-color: #E9EDD2; }
td.row3 { background-color: #DCE3C1; }
Forum
Author Message
Phostrate


Offline
Guest




PostPosted: Sat 20 Jun 2009 - 19:40    Post subject: [Modification] Guide du css xooit Reply with quote

Merci beaucoup Wink

Author Message
Roman1989


Offline
Guest




PostPosted: Sun 21 Jun 2009 - 14:12    Post subject: [Modification] Guide du css xooit Reply with quote

Bonjour !

Il s'agit d'un détail, mais j'aimerai le changer ... J'ai mis un code pour que depuis la page d'un sujet, on puisse accéder au profil d'un utilisateur en cliquant sur son pseudo. Le problème, c'est que la couleur du soulignement ne va pas, et j'aimerai qu'elle soit par défaut la couleur du pseudo.

En image :
J'ai ça actuellement :


et je voudrai avoir ça :


Merci


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: Sun 21 Jun 2009 - 18:16    Post subject: [Modification] Guide du css xooit Reply with quote

bonjour

tu ne peux pas gérer ça

la variable du pseudo et de la couleur du soulignement ne sont pas les même et tu ne peux pas mettre en sorte que ce soit la même
_______________________


Forum
Author Message
Roman1989


Offline
Guest




PostPosted: Sun 21 Jun 2009 - 19:03    Post subject: [Modification] Guide du css xooit Reply with quote

Et il n'y a pas un moyen pour faire disparaître le soulignement ?

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: Sun 21 Jun 2009 - 19:06    Post subject: [Modification] Guide du css xooit Reply with quote

dans ton viewtopic body cherches

Code: Sélectionner - Agrandir
<a href="{postrow.U_POST_AUTHOR}">{postrow.POSTER_NAME}</a>

mets comme ça

<a href="{postrow.U_POST_AUTHOR}" class="mainmenu2">{postrow.POSTER_NAME}</a>


et dans ton template css tu ajoutes

Code: Sélectionner - Agrandir

/* The register, login, search etc links at the top of the page */
.mainmenu2      { font-size : 11px; color : #000000 }
a.mainmenu2      { text-decoration: none; color : #006699;  }
a.mainmenu:hover2{ text-decoration: none; color : #DD6900; }

_______________________


Forum
Author Message
Roman1989


Offline
Guest




PostPosted: Sun 21 Jun 2009 - 19:25    Post subject: [Modification] Guide du css xooit Reply with quote

ça ne marche pas.

mon code complet de viewtopic_body.tpl :

Code: Sélectionner - Agrandir
<table width="100%" cellspacing="2" cellpadding="2" border="0">
  <tr>
   <td align="left" valign="bottom" colspan="2"><a class="maintitle" href="{U_VIEW_TOPIC}">{TOPIC_TITLE}</a><br />
     <span class="gensmall"><b>{PAGINATION}</b><br />
     &nbsp; </span></td>
  </tr>
</table>

<table width="100%" cellspacing="2" cellpadding="2" border="0">
  <tr>
   <td align="left" valign="bottom" nowrap="nowrap"><span class="nav"><a href="{U_POST_NEW_TOPIC}"><img src="{POST_IMG}" border="0" alt="{L_POST_NEW_TOPIC}" align="middle" /></a>&nbsp;&nbsp;&nbsp;<a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" border="0" alt="{L_POST_REPLY_TOPIC}" align="middle" /></a></span></td>
   <td align="left" valign="middle" width="100%"><span class="nav">&nbsp;&nbsp;&nbsp;<a href="{U_INDEX}" class="nav">{L_INDEX}</a>
     -> <a href="{U_VIEW_FORUM}" class="nav">{FORUM_NAME}</a></span></td>
  </tr>
</table>

<table class="forumline" width="100%" cellspacing="1" cellpadding="3" border="0">
   <tr align="right">
      <td class="catHead" colspan="2" height="28"><span class="nav"><a href="{U_VIEW_OLDER_TOPIC}" class="nav">{L_VIEW_PREVIOUS_TOPIC}</a> :: <a href="{U_VIEW_NEWER_TOPIC}" class="nav">{L_VIEW_NEXT_TOPIC}</a> &nbsp;</span></td>
   </tr>
   {POLL_DISPLAY}
   <tr>
      <th class="thLeft" width="150" height="26" nowrap="nowrap">{L_AUTHOR}</th>
      <th class="thRight" nowrap="nowrap">{L_MESSAGE}</th>
   </tr>
   <!-- BEGIN postrow -->
   <tr>
      <td width="150" align="left" valign="top" class="{postrow.ROW_CLASS}"><span class="name"><a name="{postrow.U_POST_ID}"></a><b><a href="{postrow.U_POST_AUTHOR}" class="mainmenu2">{postrow.POSTER_NAME}</a></b></span><br /><span class="postdetails">{postrow.POSTER_RANK}<br />{postrow.RANK_IMAGE}{postrow.POSTER_AVATAR}<br /><br />{postrow.POSTER_JOINED}<br />{postrow.POSTER_POSTS}<br />{postrow.POSTER_FROM}</span><br /></td>
      <td class="{postrow.ROW_CLASS}" width="100%" height="28" valign="top"><table width="100%" border="0" cellspacing="0" cellpadding="0">
         <tr>
            <td width="100%"><a href="{postrow.U_MINI_POST}"><img src="{postrow.MINI_POST_IMG}" width="12" height="9" alt="{postrow.L_MINI_POST_ALT}" title="{postrow.L_MINI_POST_ALT}" border="0" /></a><span class="postdetails">{L_POSTED}: {postrow.POST_DATE}<span class="gen">&nbsp;</span>&nbsp; &nbsp;{L_POST_SUBJECT}: {postrow.POST_SUBJECT}</span></td>
            <td valign="top" nowrap="nowrap">{postrow.QUOTE_IMG} {postrow.EDIT_IMG} {postrow.DELETE_IMG} {postrow.IP_IMG}</td>
         </tr>
         <tr>
            <td colspan="2"><hr /></td>
         </tr>
         <tr>
            <td colspan="2"><span class="postbody">{postrow.MESSAGE}{postrow.SIGNATURE}</span><span class="gensmall">{postrow.EDITED_MESSAGE}</span></td>
         </tr>
      </table></td>
   </tr>
   <tr>
      <td class="{postrow.ROW_CLASS}" width="150" align="left" valign="middle"><span class="nav"><a href="#top" class="nav">{L_BACK_TO_TOP}</a></span></td>
      <td class="{postrow.ROW_CLASS}" width="100%" height="28" valign="bottom" nowrap="nowrap"><table cellspacing="0" cellpadding="0" border="0" height="18" width="18">
         <tr>
            <td valign="middle" nowrap="nowrap">{postrow.PROFILE_IMG} {postrow.PM_IMG} {postrow.EMAIL_IMG} {postrow.WWW_IMG} {postrow.AIM_IMG} {postrow.YIM_IMG} {postrow.MSN_IMG}<script language="JavaScript" type="text/javascript"><!--

   if ( navigator.userAgent.toLowerCase().indexOf('mozilla') != -1 && navigator.userAgent.indexOf('5.') == -1 && navigator.userAgent.indexOf('6.') == -1 )
      document.write(' {postrow.ICQ_IMG}');
   else
      document.write('</td><td>&nbsp;</td><td valign="top" nowrap="nowrap"><div style="position:relative"><div style="position:absolute">{postrow.ICQ_IMG}</div><div style="position:absolute;left:3px;top:-1px">{postrow.ICQ_STATUS_IMG}</div></div>');
            
            //--></script><noscript>{postrow.ICQ_IMG}</noscript></td>
         </tr>
      </table></td>
   </tr>
   <tr>
      <td class="spaceRow" colspan="2" height="1"><img src="http://img1.xooimage.com/files/_/ti/_-2f2a.gif" alt="" width="1" height="1" /></td>
   </tr>
   <!-- END postrow -->
   <tr align="center">
      <td class="catBottom" colspan="2" height="28"><table cellspacing="0" cellpadding="0" border="0">
         <tr><form method="post" action="{S_POST_DAYS_ACTION}">
            <td align="center"><span class="gensmall">{L_DISPLAY_POSTS}: {S_SELECT_POST_DAYS}&nbsp;{S_SELECT_POST_ORDER}&nbsp;<input type="submit" value="{L_GO}" class="liteoption" name="submit" /></span></td>
         </form></tr>
      </table></td>
   </tr>
</table>

<table width="100%" cellspacing="2" cellpadding="2" border="0" align="center">
  <tr>
   <td align="left" valign="middle" nowrap="nowrap"><span class="nav"><a href="{U_POST_NEW_TOPIC}"><img src="{POST_IMG}" border="0" alt="{L_POST_NEW_TOPIC}" align="middle" /></a>&nbsp;&nbsp;&nbsp;<a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" border="0" alt="{L_POST_REPLY_TOPIC}" align="middle" /></a></span></td>
   <td align="left" valign="middle" width="100%"><span class="nav">&nbsp;&nbsp;&nbsp;<a href="{U_INDEX}" class="nav">{L_INDEX}</a>
     -> <a href="{U_VIEW_FORUM}" class="nav">{FORUM_NAME}</a></span></td>
   <td align="right" valign="top" 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>

<table width="100%" cellspacing="2" border="0" align="center">
  <tr>
   <td width="40%" valign="top" nowrap="nowrap" align="left"><span class="gensmall">{S_WATCH_TOPIC}</span><br />
     &nbsp;<br />
     {S_TOPIC_ADMIN}</td>
   <td align="right" valign="top" nowrap="nowrap">{JUMPBOX}<span class="gensmall">{S_AUTH_LIST}</span></td>
  </tr>
</table>


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: Sun 21 Jun 2009 - 19:26    Post subject: [Modification] Guide du css xooit Reply with quote

le problème vient du css avec ton thème tu dois mettre le code dans overall header après ça
Code: Sélectionner - Agrandir

background: url(http://img2.xooimage.com/files/c/6/d/tordu7-21ccaa.jpg);
background-color: #A7A28F;
scrollbar-face-color: #949182;
scrollbar-highlight-color: #C0BAA9;
scrollbar-shadow-color: #949182;
scrollbar-3dlight-color: #A7A28F;
scrollbar-arrow-color: #4D350E;
scrollbar-track-color: #A7A28F;
scrollbar-darkshadow-color: #A7A28F;
}

_______________________


Forum
Author Message
Roman1989


Offline
Guest




PostPosted: Sun 21 Jun 2009 - 19:39    Post subject: [Modification] Guide du css xooit Reply with quote

Impecc' comme d'hab avec toi ! Wink
Merci ! =D


Author Message
Roman1989


Offline
Guest




PostPosted: Mon 22 Jun 2009 - 10:44    Post subject: [Modification] Guide du css xooit Reply with quote

Roman1989 wrote:
Sur Xooit, si je mets mon curseur sur un pseudo, ça fait ça :


sur mon forum, rien ne change :



J'aimerai avoir ce même effet sur mon forum ... Comment faire ?





J'ai trouvé où se situait le problème ... Mais je ne connais pas assez bien le CSS pour me débrouiller seul.

Dans le code suivant, il y a le code css qui permettrait à mes liens d'avoir un effet lorsque je passe dessus (le soulignement qui disparait).

Code: Sélectionner - Agrandir
/*
  Poudlard theme for phpBB version 2+
   Created by M'In Gorad
   http://www.perfectrpg.be.tf
*/


 /* General page style. The scroll bar colours only visible in IE5.5+ */
body {
   background-color: #000000;
   scrollbar-face-color: #212121;
   scrollbar-highlight-color: #404040;
   scrollbar-shadow-color: #000000;
   scrollbar-3dlight-color: #616161;
   scrollbar-arrow-color:  #F3D211;
   scrollbar-track-color: #000000;
   scrollbar-darkshadow-color: #000000;
}

/* General font families for common tags */
font,th,td,p { font-family: Verdana, Arial, Helvetica, sans-serif }
a:link,a:active,a:visited { color : #F3D211; text-decoration: underline; }
a:hover      { text-decoration: none; color : #F3D211; }
hr   { height: 0px; border: solid #F3D211 1px; border-top-width: 1px;}


/* This is the border line & background colour round the entire page */
.bodyline   { background-color: #000000; border: 0px #F3D211 solid; }

/* This is the outline round the main forum tables */
.forumline   { background-color: #000000; border: 1px #F3D211 solid; }


/* Main table cell colours and backgrounds */
td.row1   { background-color: #000000; }
td.row2   { background-color: #212121; }
td.row3   { background-color: #000000; }


/*
  This is for the table cell above the Topics, Post & Last posts on the index.php page
  By default this is the fading out gradiated black background.
  However, you could replace this with a bitmap specific for each forum
*/
td.rowpic {
      background-color: #000000;
      background-image: url('http://img3.xooimage.com/files/c/e/cellpic2-351a8.gif');
      background-repeat: repeat-x;
}

/* Header cells - the black gradient backgrounds */
th   {
   color: #F3D211; font-size: 12px; font-weight : bold;
   background-color: #000000; height: 25px;
   background-image: url('http://img6.xooimage.com/files/c/e/cellpic2-351a9.jpg');
}

td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom {
         background-color:#000000; border: #F3D211; border-style: solid; height: 25px; background-image: url('http://img3.xooimage.com/files/c/e/cellpic2-351a8.gif');
}


/*
  Setting additional nice inner borders for the main table cells.
  The names indicate which sides the border will be on.
  Don't worry if you don't understand this, just ignore it :-)
*/
td.cat,td.catHead,td.catBottom {
   height: 25px;
   border-width: 0px 0px 0px 0px;
}
th.thHead,th.thSides,th.thTop,th.thLeft,th.thRight,th.thBottom,th.thCornerL,th.thCornerR {
   font-weight: bold; border: #F3D211; border-style: solid; height: 25px; }
td.row3Right,td.spaceRow {
   background-color: #000000; border: #F3D211; border-style: solid; }

th.thHead,td.catHead { font-size: 12px; border-width: 0px 0px 0px 0px; }
th.thSides,td.catSides,td.spaceRow    { border-width: 0px 0px 0px 0px; }
th.thRight,td.catRight,td.row3Right    { border-width: 0px 0px 0px 0px; }
th.thLeft,td.catLeft     { border-width: 0px 0px 0px 0px; }
th.thBottom,td.catBottom  { border-width: 0px 0px 0px 0px; }
th.thTop    { border-width: 0px 0px 0px 0px; }
th.thCornerL { border-width: 0px 0px 0px 0px; }
th.thCornerR { border-width: 0px 0px 0px 0px; }


/* The largest text used in the index page title and toptic title etc. */
.maintitle,h1,h2   {
         font-weight: bold; font-size: 22px; font-family: "Trebuchet MS",Verdana, Arial, Helvetica, sans-serif;
         text-decoration: none; line-height : 120%; color : #F3D211;
}


/* General text */
.gen { font-size : 12px; }
.genmed { font-size : 11px; }
.gensmall { font-size : 10px; }
.gen,.genmed,.gensmall { color : #FFFFCC; text-decoration: none; }
a.gen,a.genmed,a.gensmall { color: #FFFFCC; text-decoration: none; }
a.gen:visited,a.genmed:visited,a.gensmall:visited   { color: #FFFFCC; text-decoration: none; }
a.gen:hover,a.genmed:hover,a.gensmall:hover   { color: #F3D211; text-decoration: none; }


/* The register, login, search etc links at the top of the page */
.mainmenu      { font-size : 11px; color : #F3D211; }
a.mainmenu      { text-decoration: none; color : #F3D211;  }
a.mainmenu:visited { text-decoration: none; color : #F3D211; }
a.mainmenu:hover{ text-decoration: none; color : #FFFFCC; }


/* Forum category titles */
.cattitle      { font-weight: bold; font-size: 12px ; letter-spacing: 1px; color : #F3D211}
a.cattitle      { text-decoration: none; color : #F3D211; }
a.cattitle:visited { text-decoration: none; color : #F3D211; }
a.cattitle:hover{  color: #FFFFCC; text-decoration: none; }


/* Forum title: Text and link to the forums used in: index.php */
.forumlink      { font-weight: bold; font-size: 12px; color : #F3D211; }
a.forumlink    { text-decoration: none; color : #F3D211; }
a.forumlink:visited { text-decoration: none; color : #F3D211; }
a.forumlink:hover{ text-decoration: none; color : #FFFFCC; }


/* Used for the navigation text, (Page 1,2,3 etc) and the navigation bar when in a forum */
.nav         { font-weight: bold; font-size: 11px; color : #F3D211;}
a.nav         { text-decoration: none; color : #F3D211; }
a.nav:visited { text-decoration: none; color : #F3D211; }
a.nav:hover      { text-decoration: none; color : #FFFFCC; }


/* titles for the topics: could specify viewed link colour too */
.topictitle         { font-weight: bold; font-size: 11px; color : #F3D211; }
a.topictitle:link   { text-decoration: none; color : #F3D211; }
a.topictitle:visited { text-decoration: none; color : #F3D211; }
a.topictitle:hover   { text-decoration: nono; color : #FFFFCC; }


/* Name of poster in viewmsg.php and viewtopic.php and other places */
.name         { font-size : 11px; color : #F3D211;}

/* Location, number of posts, post date etc */
.postdetails      { font-size : 10px; color : #FFFFCC; }


/* The content of the posts (body of text) */
.postbody { font-size : 12px; color: #FFFFCC;}
a.postlink:link   { text-decoration: none; color : #F3D211; }
a.postlink:visited { text-decoration: none; color : #F3D211; }
a.postlink:hover { text-decoration: none; color : #FFFFCC; }


/* Quote & Code blocks */
.code {
   font-family: Courier, 'Courier New', sans-serif; font-size: 11px; color: #FF2222;
   background-color: #FFFFFF; border: #F3D211; border-style: solid;
   border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px
}

.quote {
   font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; line-height: 125%;
   background-color: #FFFFFF; border: #F3D211; border-style: solid;
   border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px
}


/* Copyright and bottom info */
.copyright      { font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #FFFFCC; letter-spacing: -1px;}
a.copyright      { color: #F3D211; text-decoration: none;}
a.copyright:link   { color : #F3D211; text-decoration: none;}
a.copyright:visited { color : #F3D211; text-decoration: none;}
a.copyright:hover { color: #FFFFCC; text-decoration: underline;}


/* Form elements */
input,textarea, select {
   color : #F3D211;
   font: normal 11px Verdana, Arial, Helvetica, sans-serif;
   border-color : #F3D211;
}

/* The text input fields background colour */
input.post, textarea.post, select {
   background-color : #000000;
}

input { text-indent : 2px; }

/* The buttons used for bbCode styling in message post */
input.button {
   background-color : #000000;
   color : #F3D211;
   font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif;
}

/* The main submit button option */
input.mainoption {
   background-color : #000000;
   font-weight : bold;
}

/* None-bold submit button */
input.liteoption {
   background-color : #000000;
   font-weight : normal;
}

/* This is the line in the posting page which shows the rollover
  help line. This is actually a text box, but if set to be the same
  colour as the background no one will know ;)
*/
.helpline { background-color: #212121; border-style: none; }


/* Import the fancy styles for IE only (NS4.x doesn't use the @import function) */
@import url('http://img4.xooimage.com/files/f/o/formie-30deb.css');


J'aimerai savoir ce que c'est, afin de faire un copier-coller ou de modifier mon template overall_header.tpl qui gère le CSS de mon forum.

Merci de votre patience ! =)

PS: Je vous passe aussi mon Overall header.tpl

Code: Sélectionner - Agrandir
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html dir="{S_CONTENT_DIRECTION}">
<head>
<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://img6.xooimage.com/files/t/o/tolede-8f81a.css" type="text/css" -->
<style type="text/css">
<!--
/*
  lost kingdom_Tolede Theme for phpBB version 2+
  Created by larme d'ange
  http://lda-creation.conceptbb.com

  NOTE: These CSS definitions are stored within the main page body so that you can use the phpBB2
  theme administration centre. When you have finalised your style you could cut the final CSS code
  and place it in an external file, deleting this section to save bandwidth.
*/

/* General page style. The scroll bar colours only visible in IE5.5+ */
body {
    background: url(http://img2.xooimage.com/files/c/6/d/tordu7-21ccaa.jpg);
   background-color: {T_BODY_BGCOLOR};
   scrollbar-face-color: {T_TR_COLOR2};
   scrollbar-highlight-color: {T_TD_COLOR2};
   scrollbar-shadow-color: {T_TR_COLOR2};
   scrollbar-3dlight-color: {T_TR_COLOR3};
   scrollbar-arrow-color:  {T_BODY_LINK};
   scrollbar-track-color: {T_TR_COLOR1};
   scrollbar-darkshadow-color: {T_TH_COLOR1};
}

/* General font families for common tags */
font,th,td,p { font-family: {T_FONTFACE1} }
a:link,a:active,a:visited { color : {T_BODY_LINK}; }
a:hover      { text-decoration: underline; color : {T_BODY_HLINK}; }
hr   { height: 0px; border: solid {T_TR_COLOR3} 0px; border-top-width: 1px;}

/* This is the border line & background colour round the entire page */
.bodyline   { background-color: {T_TD_COLOR2}; border: 1px {T_TH_COLOR1} solid; }

/* This is the outline round the main forum tables */
.forumline   { background-color: {T_TH_COLOR3}; border: 2px {T_TH_COLOR2} solid; }

/* Main table cell colours and backgrounds */
td.row1   { background-color: {T_TR_COLOR1}; }
td.row2   { background-color: {T_TR_COLOR2}; }
td.row3   { background-color: {T_TR_COLOR3}; }

/*
  This is for the table cell above the Topics, Post & Last posts on the index.php page
  By default this is the fading out gradiated silver background.
  However, you could replace this with a bitmap specific for each forum
*/
td.rowpic {
      background-color: {T_TD_COLOR2};
      background-image: url(http://img1.xooimage.com/files/8/8/c/cell-f76e70.gif);
      background-repeat: repeat-y;
}

/* Header cells - the blue and silver gradient backgrounds */
th   {
   color: {T_FONTCOLOR3}; font-size: {T_FONTSIZE2}px; font-weight : bold;
   background-color: {T_BODY_LINK}; height: 25px;
   background-image: url(http://img7.xooimage.com/files/6/0/4/head-f76e33.gif);
}

td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom {
         background-image: url(http://img1.xooimage.com/files/8/8/c/cell-f76e70.gif);
         background-color:{T_TR_COLOR3}; border: {T_TH_COLOR3}; border-style: solid; height: 28px;
}

/*
  Setting additional nice inner borders for the main table cells.
  The names indicate which sides the border will be on.
  Don't worry if you don't understand this, just ignore it :-)
*/
td.cat,td.catHead,td.catBottom {
   height: 29px;
   border-width: 0px 0px 0px 0px;
}
th.thHead,th.thSides,th.thTop,th.thLeft,th.thRight,th.thBottom,th.thCornerL,th.thCornerR {
   font-weight: bold; border: {T_TD_COLOR2}; border-style: solid; height: 28px;
}
td.row3Right,td.spaceRow {
   background-color: {T_TR_COLOR3}; border: {T_TH_COLOR3}; border-style: solid;
}

th.thHead,td.catHead { font-size: {T_FONTSIZE3}px; border-width: 1px 1px 0px 1px; }
th.thSides,td.catSides,td.spaceRow    { border-width: 0px 1px 0px 1px; }
th.thRight,td.catRight,td.row3Right    { border-width: 0px 1px 0px 0px; }
th.thLeft,td.catLeft     { border-width: 0px 0px 0px 1px; }
th.thBottom,td.catBottom  { border-width: 0px 1px 1px 1px; }
th.thTop    { border-width: 1px 0px 0px 0px; }
th.thCornerL { border-width: 1px 0px 0px 1px; }
th.thCornerR { border-width: 1px 1px 0px 0px; }

/* The largest text used in the index page title and toptic title etc. */
.maintitle   {
   font-weight: bold; font-size: 22px; font-family: "{T_FONTFACE2}",{T_FONTFACE1};
   text-decoration: none; line-height : 120%; color : {T_BODY_TEXT};
}

/* General text */
.gen { font-size : {T_FONTSIZE3}px; }
.genmed { font-size : {T_FONTSIZE2}px; }
.gensmall { font-size : {T_FONTSIZE1}px; }
.gen,.genmed,.gensmall { color : {T_BODY_TEXT}; }
a.gen,a.genmed,a.gensmall { color: {T_BODY_LINK}; text-decoration: none; }
a.gen:hover,a.genmed:hover,a.gensmall:hover   { color: {T_BODY_HLINK}; text-decoration: underline; }

/* The register, login, search etc links at the top of the page */
.mainmenu      { font-size : {T_FONTSIZE2}px; color : {T_BODY_TEXT} }
a.mainmenu      { text-decoration: none; color : {T_BODY_LINK};  }
a.mainmenu:hover{ text-decoration: underline; color : {T_BODY_HLINK}; }

/* The register, login, search etc links at the top of the page */
.mainmenu2      { font-size : 11px; color : #000000 }
a.mainmenu2      { text-decoration: none; color : #006699;  }
a.mainmenu:hover2{ text-decoration: none; color : #DD6900; }

/* Forum category titles */
.cattitle      { font-weight: bold; font-size: {T_FONTSIZE3}px ; letter-spacing: 1px; color : {T_BODY_LINK}}
a.cattitle      { text-decoration: none; color : {T_BODY_LINK}; }
a.cattitle:hover{ text-decoration: underline; }

/* Forum title: Text and link to the forums used in: index.php */
.forumlink      { font-weight: bold; font-size: {T_FONTSIZE3}px; color : {T_BODY_LINK}; }
a.forumlink    { text-decoration: none; color : {T_BODY_LINK}; }
a.forumlink:hover{ text-decoration: underline; color : {T_BODY_HLINK}; }

/* Used for the navigation text, (Page 1,2,3 etc) and the navigation bar when in a forum */
.nav         { font-weight: bold; font-size: {T_FONTSIZE2}px; color : {T_BODY_TEXT};}
a.nav         { text-decoration: none; color : {T_BODY_LINK}; }
a.nav:hover      { text-decoration: underline; }

/* titles for the topics: could specify viewed link colour too */
.topictitle,h1,h2   { font-weight: bold; font-size: {T_FONTSIZE2}px; color : {T_BODY_TEXT}; }
a.topictitle:link   { text-decoration: none; color : {T_BODY_LINK}; }
a.topictitle:visited { text-decoration: none; color : {T_BODY_VLINK}; }
a.topictitle:hover   { text-decoration: underline; color : {T_BODY_HLINK}; }

/* Name of poster in viewmsg.php and viewtopic.php and other places */
.name         { font-size : {T_FONTSIZE2}px; color : {T_BODY_TEXT};}

/* Location, number of posts, post date etc */
.postdetails      { font-size : {T_FONTSIZE1}px; color : {T_BODY_TEXT}; }

/* The content of the posts (body of text) */
.postbody { font-size : {T_FONTSIZE3}px; line-height: 18px}
a.postlink:link   { text-decoration: none; color : {T_BODY_LINK} }
a.postlink:visited { text-decoration: none; color : {T_BODY_VLINK}; }
a.postlink:hover { text-decoration: underline; color : {T_BODY_HLINK}}

/* Quote & Code blocks */
.code {
   font-family: {T_FONTFACE3}; font-size: {T_FONTSIZE2}px; color: {T_FONTCOLOR2};
   background-color: {T_TD_COLOR1}; border: {T_TR_COLOR3}; border-style: solid;
   border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px
}

.quote {
   font-family: {T_FONTFACE1}; font-size: {T_FONTSIZE2}px; color: {T_FONTCOLOR1}; line-height: 125%;
   background-color: {T_TD_COLOR1}; border: {T_TR_COLOR3}; border-style: solid;
   border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px
}

/* Copyright and bottom info */
.copyright      { font-size: {T_FONTSIZE1}px; font-family: {T_FONTFACE1}; color: {T_FONTCOLOR1}; letter-spacing: -1px;}
a.copyright      { color: {T_FONTCOLOR1}; text-decoration: none;}
a.copyright:hover { color: {T_BODY_TEXT}; text-decoration: underline;}

/* Form elements */
input,textarea, select {
   color : {T_BODY_TEXT};
   font: normal {T_FONTSIZE2}px {T_FONTFACE1};
   border-color : {T_BODY_TEXT};
}

/* The text input fields background colour */
input.post, textarea.post, select {
   background-color : {T_TD_COLOR1};
}

input { text-indent : 2px; }

/* The buttons used for bbCode styling in message post */
input.button {
   background-color : {T_TD_COLOR1};
   color : {T_BODY_TEXT};
   font-size: {T_FONTSIZE2}px; font-family: {T_FONTFACE1};
}

/* The main submit button option */
input.mainoption {
   background-color : {T_TD_COLOR1};
   font-weight : bold;
}

/* None-bold submit button */
input.liteoption {
   background-color : {T_TD_COLOR1};
   font-weight : normal;
}

/* This is the line in the posting page which shows the rollover
  help line. This is actually a text box, but if set to be the same
  colour as the background no one will know ;)
*/
.helpline { background-color: {T_TR_COLOR2}; border-style: none; }

/* Import the fancy styles for IE only (NS4.x doesn't use the @import function) */
@import url("http://img10.xooimage.com/files/f/o/formie-30d7c.css");
-->
</style>
<!-- BEGIN switch_enable_pm_popup -->
<script language="Javascript" type="text/javascript">
<!--
   if ( {PRIVATE_MESSAGE_NEW_FLAG} )
   {
      window.open('{U_PRIVATEMSGS_POPUP}', '_phpbbprivmsg', 'HEIGHT=225,resizable=yes,WIDTH=400');;
   }
//-->
</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>

<table width="90%" cellspacing="0" cellpadding="10" border="0" align="center">
   <tr>
      <td class="bodyline"><table width="100%" cellspacing="0" cellpadding="0" border="0">
         <tr>
            <td align="center"><a href="{U_INDEX}"><img src="http://img7.xooimage.com/files/9/2/d/header-hp-eff9ab.gif" border="0" alt="{L_INDEX}" vspace="1" /></a></td></tr>
            <tr><td>&nbsp;</td></tr>
            <tr><td>&nbsp;</td></tr>
            <tr><td>&nbsp;</td></tr>
            <tr>
            <td align="center" width="100%" valign="middle">
            <table cellspacing="0" cellpadding="2" border="0">
               <tr><!-- BEGIN switch_user_logged_in -->
                      
                     <td align="center" valign="top" nowrap="nowrap"><span class="mainmenu"><a href="{U_INDEX}" class="mainmenu"><img src="http://img4.xooimage.com/files/5/8/a/forum-f7720e.gif" width="85" height="66" border="0" alt="{L_INDEX}" hspace="0" /></a><a href="{U_FAQ}" class="mainmenu"><img src="http://img8.xooimage.com/files/5/3/0/faq-f772f5.gif" width="44" height="66" border="0" alt="{L_FAQ}" hspace="0" /></a><a href="{U_SEARCH}" class="mainmenu"><img src="http://img8.xooimage.com/files/3/2/1/search-f77385.gif" width="109" height="66" border="0" alt="{L_SEARCH}" hspace="0" /></a><a href="{U_MEMBERLIST}" class="mainmenu"><img src="http://img6.xooimage.com/files/e/5/c/membres-f77412.gif" width="80" height="66" border="0" alt="{L_MEMBERLIST}" hspace="0" /></a><a href="{U_GROUP_CP}" class="mainmenu"><img src="http://img10.xooimage.com/files/8/e/d/groupes-f7746d.gif" width="79" height="66" border="0" alt="{L_USERGROUPS}" hspace="0" /></a><a href="{U_PROFILE}" class="mainmenu"><img src="http://img7.xooimage.com/files/3/2/2/profil-f774c1.gif" width="64" height="66" border="0" alt="{L_PROFILE}" hspace="0" /></a><a href="{U_PRIVATEMSGS}" class="mainmenu"><img src="{PRIVMSG_IMG}" width="97" height="66" border="0" alt="{PRIVATE_MESSAGE_INFO}" hspace="0" /></a><a href="{U_LOGIN_LOGOUT}" class="mainmenu"><img src="http://img1.xooimage.com/files/a/d/3/deconnexion-f77558.gif" width="123" height="66" border="0" alt="{L_LOGIN_LOGOUT}" hspace="0" /></a></span></td>
                   <!-- END switch_user_logged_in -->
                  <!-- BEGIN switch_user_logged_out -->
                  <td align="center" valign="top" nowrap="nowrap"><span class="mainmenu"><a href="{U_INDEX}" class="mainmenu"><img src="http://img4.xooimage.com/files/5/8/a/forum-f7720e.gif" width="85" height="66" border="0" alt="{L_INDEX}" hspace="0" /></a><a href="{U_FAQ}" class="mainmenu"><img src="http://img8.xooimage.com/files/5/3/0/faq-f772f5.gif" width="44" height="66" border="0" alt="{L_FAQ}" hspace="0" /></a><a href="{U_SEARCH}" class="mainmenu"><img src="http://img8.xooimage.com/files/3/2/1/search-f77385.gif" width="109" height="66" border="0" alt="{L_SEARCH}" hspace="0" /></a><a href="{U_REGISTER}" class="mainmenu"><img src="http://img2.xooimage.com/files/r/e/register-3c088.jpg" width="116" height="66" border="0" alt="{L_REGISTER}" hspace="0" /></a><a href="{U_LOGIN_LOGOUT}" class="mainmenu"><img src="http://img5.xooimage.com/files/l/o/login-3c089.jpg" width="123" height="66" border="0" alt="{L_LOGIN_LOGOUT}" hspace="0" /></a></span></td>
                   <!-- END switch_user_logged_out -->
                  </span></td>
               </tr>
            </table></td>
         </tr>
      </table>

      <br />


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: Mon 22 Jun 2009 - 10:50    Post subject: [Modification] Guide du css xooit Reply with quote

bonjour

en fait chez toi ici

a:link,a:active,a:visited { color : #F3D211; text-decoration: underline; }
a:hover { text-decoration: none; color : #F3D211; }

il faut l'avoir comme ça

a:link { color: #005784; text-decoration: none; }
a:active { color: #005784; text-decoration: none; }
a:visited { color: #005784; text-decoration: none; }
a:hover { color: #D46400; text-decoration: underline; }
_______________________


Forum
Author Message
Roman1989


Offline
Guest




PostPosted: Mon 22 Jun 2009 - 11:05    Post subject: [Modification] Guide du css xooit Reply with quote

Je préfère dans ce sens là :

Code: Sélectionner - Agrandir
a:link { color: {T_BODY_LINK}; text-decoration: underline; }
a:active { color: {T_BODY_LINK}; text-decoration: underline; }
a:visited { color: {T_BODY_LINK}; text-decoration: underline; }
a:hover { color: {T_BODY_HLINK}; text-decoration: none; }


Merci de nouveau !! =D


Author Message
miXscape


Offline
Guest




PostPosted: Tue 23 Jun 2009 - 20:32    Post subject: [Modification] Guide du css xooit Reply with quote

Bonjour,

le menu de mon forum http://cubase.xooit.com n'apparait pas car la couleur est la meme que celle du fond.

Dans mon CSS je ne sais pas ou faire la modif :

 
Code: Sélectionner - Agrandir
  /*
  Created by Sopel
  http://www.stylerbb.net/
*/

body {
    margin: 0px; 0px; 0px; 0px;
    background-color: #FFFFFF ;
    background-image: url('http://img4.xooimage.com/files/6/7/b/bg_content_left2-c135ba.jpg');
    background-attachment: fixed;
    
    scrollbar-face-color: #DEE3E7;
    scrollbar-highlight-color: #FFFFFF;
    scrollbar-shadow-color: #DEE3E7;
    scrollbar-3dlight-color: #C7C3AE;
    scrollbar-arrow-color:  #006699;
    scrollbar-track-color: #EFEFEF;
    scrollbar-darkshadow-color: #98AAB1;
}

font,th,td,p {  font-family: Verdana, Arial, Helvetica, sans-serif;  }
a:link,a:active,a:visited { text-decoration: none; color : #4F4F4F; }
a:hover        { color : #A1BA23; }
hr    { height: 0px; border: solid #D1D7DC 0px; border-top-width: 1px;}

input,textarea, select { color : #4F4F4F; font: normal 11px Verdana, Arial, Helvetica, sans-serif; border-color : #000000; }
input.post, textarea.post, select { background-color : #FFFFFF; }
input { text-indent : 2px; }
input.button { background-color : #EFEFEF; color : #000000; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; }
input.mainoption { background-color : #FAFAFA; font-weight : bold; }
input.liteoption { background-color : #FAFAFA; font-weight : normal; }

.bodyline    { background-color: #F7F7F7; border: 1px #BFBFBF solid;  }
.forumline    { background-color: #DFDFDF; }

th    { color: #EEEEEE; font-size: 10px; font-weight : bold; background-image: url('http://mixscapemao.free.fr/GRAPHS/cellpic2-8f894.gif'); height: 25px; }
th.thHead,th.thSides,th.thTop,th.thLeft,th.thRight,th.thBottom,th.thCornerL,th.thCornerR { font-weight: bold; border: #DFDFDF; border-style: solid; height: 28px; }
th.thHead,td.catHead { font-size: 12px; border-width: 1px 1px 0px 1px; }
th.thSides,td.catSides,td.spaceRow     { border-width: 0px 1px 0px 1px; }
th.thRight,td.catRight,td.row3Right     { border-width: 0px 1px 0px 0px; }
th.thLeft,td.catLeft      { border-width: 0px 0px 0px 1px; }
th.thBottom,td.catBottom  { border-width: 0px 1px 1px 1px; }
th.thTop     { border-width: 1px 0px 0px 0px; }
th.thCornerL { border-width: 1px 0px 0px 1px; }
th.thCornerR { border-width: 1px 1px 0px 0px; }

td.row1    { background-color: #FFFFFF; }
td.row2    { background-color: #F7F7F7; }
td.row3    { background-color: #FFFFFF; }
td.rowpic { background-color: #F2F0E6; }
td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom { background-image: url('http://img8.xooimage.com/files/c/e/cellpic1-8f895.gif'); border: #FFFFFF 0px; height: 28px; }
td.cat,td.catHead,td.catBottom { height: 29px; border-width: 0px 0px 0px 0px; }
td.row3Right,td.spaceRow { background-color: #FFFFFF; border: #FFFFFF; border-style: solid; }

.maintitle,h1,h2    { font-weight: bold; font-size: 22px; font-family: "Trebuchet MS",Verdana, Arial, Helvetica, sans-serif; text-decoration: none; line-height : 120%; color : #000000; }

.gen { font-size : 11px; }
.genmed { font-size : 10px; }
.gensmall { font-size : 10px; }
.gen,.genmed,.gensmall { color : #000000; }
a.gen,a.genmed,a.gensmall { color: #565037; text-decoration: none; }
a.gen:hover,a.genmed:hover,a.gensmall:hover    { color: #A1BA23; }

.nav1 { height: 23px; vertical-align:top; background: url('http://mixscapemao.free.fr/GRAPHS/cellpic2-8f894.gif'); padding: 0; margin: 0; }
.nav_top { color: #4F4F4F; padding: 0; margin: 0; }
.nav_top li {  float: center; display: inline;  }    
.nav_top a:link, .nav_top a:visited { float: center; font-size: 11px;  font-weight: bold;    padding: 4px 8px 6px 8px; text-decoration: none; color: #EEEEEE; }
.nav_top a:link.active, .nav_top a:visited.active, .nav_top a:hover { color: #FFFFFF; background: url('http://img5.xooimage.com/files/c/e/cellpic3-8f896.gif'); }

.cattitle        { font-weight: bold; font-size: 10px ; letter-spacing: 1px; color : #4F4F4F}
a.cattitle        { text-decoration: none; color : #4F4F4F; }

.forumlink        { font-weight: bold; font-size: 11px; color : #4F4F4F; }
a.forumlink     { text-decoration: none; color : #4F4F4F; }
a.forumlink:hover{ text-decoration: none; color : #A1BA23; }

.nav            { font-weight: bold; font-size: 11px; color : #000000;}
a.nav            { text-decoration: none; color : #4F4F4F; }
a.nav:hover        { text-decoration: none; }

.topictitle            { font-weight: bold; font-size: 11px; color : #000000; }
a.topictitle:link   { text-decoration: none; color : #4F4F4F; }
a.topictitle:hover    { text-decoration: none; color : #A1BA23; }

.postbody { font-size : 12px;}
a.postlink:link    { text-decoration: none; color : #FF0000 }
a.postlink:visited { text-decoration: none; color : #5493B4; }
a.postlink:hover { color : #A1BA23;}

.copyright        { font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #FFFFFF; letter-spacing: -1px; background: url('http://mixscapemao.free.fr/GRAPHS/cellpic2-8f894.gif');}
a.copyright        { font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #FFFFFF; letter-spacing: -1px; background: url('http://mixscapemao.free.fr/GRAPHS/cellpic2-8f894.gif');}

.name            { font-size : 11px; color : #000000;}
.postdetails        { font-size : 10px; color : #000000; }

.code {
    font-family: Courier, 'Courier New', sans-serif; font-size: 11px; color: #006600;
    background-color: #FAFAFA; border: #D1D7DC; border-style: solid;
    border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px
}

.quote {
    font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #444444; line-height: 125%;
    background-color: #FAFAFA; border: #D1D7DC; border-style: solid;
    border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px
}

.helpline { background-color: #DEE3E7; border-style: none; }

@import url('http://img10.xooimage.com/files/f/o/formie-30d7c.css');




 


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: Tue 23 Jun 2009 - 20:35    Post subject: [Modification] Guide du css xooit Reply with quote

bonjour

chez toi c'est ici

.nav1 { height: 23px; vertical-align:top; background: url('http://mixscapemao.free.fr/GRAPHS/cellpic2-8f894.gif'); padding: 0; margin: 0; }
.nav_top { color: #4F4F4F; padding: 0; margin: 0; }
.nav_top li { float: center; display: inline; }
.nav_top a:link, .nav_top a:visited { float: center; font-size: 11px; font-weight: bold; padding: 4px 8px 6px 8px; text-decoration: none; color: #EEEEEE; }
.nav_top a:link.active, .nav_top a:visited.active, .nav_top a:hover { color: #FFFFFF; background: url('http://img.xooimage.com/files5/c/e/cellpic3-8f896.gif'); }
_______________________


Forum
Author Message
miXscape


Offline
Guest




PostPosted: Tue 23 Jun 2009 - 21:09    Post subject: [Modification] Guide du css xooit Reply with quote

merci ca fonctionne nikel maintenant !

Author Message
soeurdevalerie
Membre


Offline
Membre

Joined: 09 Feb 2009
Posts: 36
Point(s): 36
Moyenne: 1.00
Windows XP (ou plus ancien) Mozilla Féminin Poissons (20fev-20mar)

PostPosted: Thu 25 Jun 2009 - 01:11    Post subject: [Modification] Guide du css xooit Reply with quote

Bonsoir,

je souhaiterais changer des couleurs de mon forum.
J'ai a peu près lu les 64 pages qui se trouvent ici mais je me pose toujours la même question :

Dans le menu thème de test ==>modifier les templates ==> liste des fichiers templates, ou suis-je censée trouver cela :

/* Main table cell colours and backgrounds */
td.row1    { background-color: #F8FBE8; }
td.row2    { background-color: #E9EDD2; }
td.row3    { background-color: #DCE3C1; }


Merci d'avance !!
Agnès
http://thomas-dutronc.xooit.com/index.php


Forum
Author Message
Contenu Sponsorisé





PostPosted: Today at 17:29    Post subject: [Modification] Guide du css xooit

Display posts from previous:   
Reply to topic Page 64 of 118 Goto page: <  1, 2, 363, 64, 65116, 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