It is currently Fri 30 Sep 2016 - 22:16 - créer un forum

[Modification] Guide du css xooit

Skip to content

Post new topic Reply to topic Goto page: <  1, 2, 376, 77, 78116, 117, 118  >

[Modification] Guide du css xooit
Author Message
Melok





PostPosted: Tue 28 Jul 2009 - 18:56    Post subject: [Modification] Guide du css xooit Reply with quote

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

Bon je crois qu'on va arrêter la, je comprends rien à ce que tu dis, je fais ce que tu demande et rien ne change et sa devient pire. Je veux que ca soit comme ca : http://interteam.xoo.it !!!!
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 28 Jul 2009 - 18:59    Post subject: [Modification] Guide du css xooit Reply with quote

dans ton thème de test tu remplaces le contenu de ton template index body par ça c'est tout
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>

    <table width="100%" cellpadding="2" cellspacing="1" border="0" class="forumline">
      <tr>
       <th colspan="2" class="thCornerL" height="25" nowrap="nowrap">&nbsp;{L_FORUM}&nbsp;</th>
       <th width="50" class="thTop" nowrap="nowrap">&nbsp;{L_TOPICS}&nbsp;</th>
       <th width="50" class="thTop" nowrap="nowrap">&nbsp;{L_POSTS}&nbsp;</th>
       <th class="thCornerR" nowrap="nowrap">&nbsp;{L_LASTPOST}&nbsp;</th>
      </tr>
      <!-- BEGIN catrow -->
      <tr>
       <td class="catLeft" colspan="2" height="28"><span class="cattitle"><a href="{catrow.U_VIEWCAT}" class="cattitle">{catrow.CAT_DESC}</a></span></td>
       <td class="rowpic" colspan="3" align="right">&nbsp;</td>
      </tr>
      <!-- BEGIN forumrow -->
      <tr>
       <td class="row1" align="center" valign="middle" height="50"><img src="{catrow.forumrow.FORUM_FOLDER_IMG}"  alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" /></td>
       <td class="row1" width="100%" height="50"><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 class="row2" align="center" valign="middle" height="50"><span class="gensmall">{catrow.forumrow.TOPICS}</span></td>
       <td class="row2" align="center" valign="middle" height="50"><span class="gensmall">{catrow.forumrow.POSTS}</span></td>
       <td class="row2" align="center" valign="middle" height="50" nowrap="nowrap"> <span class="gensmall">{catrow.forumrow.LAST_POST}</span></td>
      </tr>
      <!-- END forumrow -->
      <!-- END catrow -->
    </table>

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

    <table width="100%" cellpadding="3" cellspacing="1" border="0" class="forumline">
      <tr>
       <td class="catHead" colspan="2" height="28"><span class="cattitle"><a href="{U_VIEWONLINE}" class="cattitle">{L_WHO_IS_ONLINE}</a></span></td>
      </tr>
      <tr>
       <td class="row1" align="center" valign="middle" rowspan="2"><img src="http://img8.xooimage.com/files/w/h/whosonline-908b1.png" alt="{L_WHO_IS_ONLINE}" /></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>
    </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="3" cellspacing="1" border="0" class="forumline">
       <tr>
         <td class="catHead" height="28"><a name="login"></a><span class="cattitle">{L_LOGIN_LOGOUT}</span></td>
       </tr>
       <tr>
         <td class="row1" align="center" valign="middle" height="28"><span class="gensmall">{L_USERNAME}:
          <input class="post" type="text" name="username" size="10" />
          &nbsp;&nbsp;&nbsp;{L_PASSWORD}:
          <input class="post" type="password" name="password" size="10" maxlength="32" />
          <!-- BEGIN switch_allow_autologin -->
          &nbsp;&nbsp; &nbsp;&nbsp;{L_AUTO_LOGIN}
          <input class="text" type="checkbox" name="autologin" />
          <!-- END switch_allow_autologin -->
          &nbsp;&nbsp;&nbsp;
          <input type="submit" class="mainoption" name="login" value="{L_LOGIN}" />
          </span> </td>
       </tr>
      </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://img4.xooimage.com/files/f/o/folder_new_big-90899.png" alt="{L_NEW_POSTS}"/></td>
       <td><span class="gensmall">{L_NEW_POSTS}</span></td>
       <td>&nbsp;&nbsp;</td>
       <td width="20" align="center"><img src="http://img5.xooimage.com/files/f/o/folder_big-90898.png" alt="{L_NO_NEW_POSTS}" /></td>
       <td><span class="gensmall">{L_NO_NEW_POSTS}</span></td>
       <td>&nbsp;&nbsp;</td>
       <td width="20" align="center"><img src="http://img10.xooimage.com/files/f/o/folder_locked_big-9089a.png" alt="{L_FORUM_LOCKED}" /></td>
       <td><span class="gensmall">{L_FORUM_LOCKED}</span></td>
      </tr>
    </table>



tu fais

panneau admin
thème
thème de test
index body tpl
tu supprimes le contenu
tu colles celui ci et enregistrer

sinon le plus simple et d'installer le thème pluminator et de le modifier pour ajouter tes images c'est tout
_______________________


Forum
Author Message
Melok


Offline
Guest




PostPosted: Tue 28 Jul 2009 - 19:03    Post subject: [Modification] Guide du css xooit Reply with quote

Voilà on revient au début, comment mettre une bordure au forum?

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 28 Jul 2009 - 19:05    Post subject: [Modification] Guide du css xooit Reply with quote

themalin wrote:
dans ce cas tu changes ici

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

tu mets ça

/* This is the outline round the main forum tables */
.forumline { background-color: #CCCCCC; border: 3px #codecouleur solid; }

et tu mets le code couleur que tu veux pour ton bleu


tu fais ça

et c'est bon pour le reste tu ne peux pas sinon ça va changer plus que ce que tu veux
_______________________


Forum
Author Message
Melok


Offline
Guest




PostPosted: Tue 28 Jul 2009 - 19:09    Post subject: [Modification] Guide du css xooit Reply with quote

Cool, maintenant, je voudrais rajouter la bordure?

Mon template css :

Code: Sélectionner - Agrandir
/*
  The original subSilver Theme for phpBB version 2+
  Created by subBlue design
  http://www.subBlue.com
*/


 /* General page style. The scroll bar colours only visible in IE5.5+ */
body {
    background-color: #000000;
    scrollbar-face-color: #D5D5D5;
    scrollbar-highlight-color: #FFFFFF;
    scrollbar-shadow-color: #4D4D4D;
    scrollbar-3dlight-color: #4B4B4B;
    scrollbar-arrow-color:  #868686;
    scrollbar-track-color: #EFEFEF;
    scrollbar-darkshadow-color: #272727;
        background-image: url("http://img269.imageshack.us/img269/1476/fondduforum.jpg");
        background-attachment: fixed;
}

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

/* This is the border line & background colour round the entire page */
.bodyline { background-color: #FFFFFF; border: 1px double #000000;
-moz-border-radius:20px; }

/* This is the outline round the main forum tables */
.forumline { background-color: #CCCCCC; border: 3px #EFFOFO solid; }

/* Main table cell colours and backgrounds */
td.row1    { background-image: url('http://img9.xooimage.com/files/7/0/8/fond-908b3-1229b3.png');  }
td.row2    { background-image: url('http://img9.xooimage.com/files/7/0/8/fond-908b3-1229b3.png');  }
td.row3    { background-image: url('http://img9.xooimage.com/files/7/0/8/fond-908b3-1229b3.png');  }


/*
  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: #FFFFFF;
        background-image: url('http://img4.xooimage.com/files/3/8/c/cellpic2-115f313.png');
        background-repeat: repeat-y;
}

/* Header cells - the blue and silver gradient backgrounds */
th    {
    color: #393939; font-size: 11px; font-weight : bold;
    background-color: #272727; height: 25px;
    background-image: url('http://img2.xooimage.com/files/c/2/f/cellpic3-1164a92.png');
}

td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom {
            background-image: url('http://img8.xooimage.com/files/8/6/7/cellpic-115f34e.png');
            background-color:#272727; border: #FFFFFF; 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: 28px;
    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: #FFFFFF; border-style: solid; height: 25px; }
td.row3Right,td.spaceRow {
    background-color: #808080; border: #FFFFFF; border-style: solid;
    background-image: url('http://img9.xooimage.com/files/7/0/8/fond-908b3-1229b3.png');
    }

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 : #555555;
}


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


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


/* Forum category titles */
.cattitle        { font-weight: bold; font-size: 12px ; letter-spacing: 3px; color : #444444}
a.cattitle        { text-decoration: none; color : #545454; }
a.cattitle:hover{ text-decoration: underline; }


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


/* 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 : #555555;}
a.nav            { text-decoration: none; color : #484848; }
a.nav:hover        { text-decoration: underline; }


/* titles for the topics: could specify viewed link colour too */
.topictitle            { font-weight: bold; font-size: 11px; color : #777777; }
a.topictitle:link   { text-decoration: none; color : #484848; }
a.topictitle:visited { text-decoration: none; color : #9B9B9B; }
a.topictitle:hover    { text-decoration: underline; color : #545454; }


/* Name of poster in viewmsg.php and viewtopic.php and other places */
.name            { font-size : 11px; color : #555555;}
a.name    { text-decoration: blink; color: #000000; }

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


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


/* Quote & Code blocks */
.code {
    font-family: Courier, 'Courier New', sans-serif; font-size: 11px; color: #868686;
    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: #3D3D3D; 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
}


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


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

/* The text input fields background colour */
input.post, textarea.post, select {
    background-color : #FFFFFF;
    background-image: url('http://img9.xooimage.com/files/7/0/8/fond-908b3-1229b3.png');
}

input { text-indent : 2px; }

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

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

/* None-bold submit button */
input.liteoption {
    background-color : #FAFAFA;
    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: #C0C0C0; 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');


Author Message
Dark Angel


Offline
Guest




PostPosted: Sat 1 Aug 2009 - 21:45    Post subject: [Modification] Guide du css xooit Reply with quote

Donc c'est ici que cela ce passe pour la suite des questions si j'ai bien compris cette fois ?

Author Message
Yskander
Modérateur


Offline
Modérateur

Joined: 26 Jan 2008
Posts: 1,558
Point(s): 1,654
Moyenne: 1.06
Masculin

PostPosted: Sat 1 Aug 2009 - 21:48    Post subject: [Modification] Guide du css xooit Reply with quote

Oui, et le mieux est de poser directement votre question plutôt que de dire çà Smile. C'est ce que je vous ai dis de faire dans votre post : de poser ici, donc à la suite du tuto, votre question ou vos problèmes.
Wink
Cordialement
_______________________
Pour les mp injurieux >> Ezéchiel 25 verset 17


Forum
Author Message
Dark Angel


Offline
Guest




PostPosted: Sat 1 Aug 2009 - 21:59    Post subject: [Modification] Guide du css xooit Reply with quote

OK ça roule ,

Je vous remercie beaucoup , j'arrète pour ce soir je suis fatiguée !!!!
Je vous souhaite une très bonne soirée à tous !!!!

A bientot ....


Author Message
Dark Angel


Offline
Guest




PostPosted: Sun 2 Aug 2009 - 12:09    Post subject: [Modification] Guide du css xooit Reply with quote

Bonjour ,

Me revoila ,
Une fois que j'ai le code de la couleur souhaité , estce que je dois les mettre au début et à la fin de mon Titre par example ????


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 2 Aug 2009 - 12:09    Post subject: [Modification] Guide du css xooit Reply with quote

tu mets comme ça

Code: Sélectionner - Agrandir
<font color="#code">ton texte</font>

_______________________


Forum
Author Message
Dark Angel


Offline
Guest




PostPosted: Sun 2 Aug 2009 - 12:19    Post subject: [Modification] Guide du css xooit Reply with quote

juste pour savoir ,

La ou c'est écrit <font color> c'est le code que je dois mettre ?


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 2 Aug 2009 - 12:20    Post subject: [Modification] Guide du css xooit Reply with quote

oui tu mets le code comme je te le mets
Code: Sélectionner - Agrandir
<font color="#codecouleur">

exemple

<font color="#FFFFFF">

_______________________


Forum
Author Message
Dark Angel


Offline
Guest




PostPosted: Sun 2 Aug 2009 - 12:22    Post subject: [Modification] Guide du css xooit Reply with quote

Je dois écrire <font color> en plus ?

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 2 Aug 2009 - 12:24    Post subject: [Modification] Guide du css xooit Reply with quote

tu mets ce que je t'ai mis

Code: Sélectionner - Agrandir
<font color="#codecouleur"> ton titre </font>


tu changes codecouleur par le code couleur voulu et ton titre par le titre du sous forum c'est ton puis envoyer
_______________________


Forum
Author Message
Dark Angel


Offline
Guest




PostPosted: Sun 2 Aug 2009 - 12:29    Post subject: [Modification] Guide du css xooit Reply with quote

pardon mais ,

ça : <font color="#codecouleur"> ton titre </font> ce n'est pas clair pour moi ????


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 2 Aug 2009 - 12:32    Post subject: [Modification] Guide du css xooit Reply with quote

fais ça

panneau admin
configuration générale
dans titre tu as ça
Amitié&Respect

tu remplaces par

Code: Sélectionner - Agrandir
<font color="#FF0000">Amitié&Respect</font>


ensuite clic sur le bouton envoyer
_______________________


Forum
Author Message
Contenu Sponsorisé





PostPosted: Today at 22:16    Post subject: [Modification] Guide du css xooit

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