It is currently Fri 30 Sep 2016 - 01:48 - créer un forum

[Modification] Guide du css xooit

Skip to content

Post new topic Reply to topic Goto page: <  1, 2, 3115, 116, 117, 118  >

[Modification] Guide du css xooit
Author Message
DAM624





PostPosted: Wed 28 Jul 2010 - 17:35    Post subject: [Modification] Guide du css xooit Reply with quote

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

Bonjour,

J'aimerai faire une derniére modification à mon CSS, modifier la police d'écriture pour qu'elle soit en gras.

Voici mon template :

Code: Sélectionner - Agrandir
<!--/* Forum Skin by PixelSlot.com */-->
<!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>

<style type="text/css">
<!--
/*
  The original bionic Theme for phpBB version 2+
  Created by PixelSlot
  [url=http://www.pixelslot.com/]http://www.pixelslot.com[/url]
  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-color: #06122D;
 scrollbar-face-color: C7D3DD;
 scrollbar-highlight-color: #FFFFFF;
 scrollbar-shadow-color: C7D3DD;
 scrollbar-3dlight-color: #D1D7DC;
 scrollbar-arrow-color:  #006699;
 scrollbar-track-color: #EFEFEF;
 scrollbar-darkshadow-color: #98AAB1;
 background-image:url(http://img6.xooimage.com/files/b/g/bg-315c0.gif);
}
/* General font families for common tags */
font,th,td,p { font-family: Arial, Helvetica, sans-serif }
a:link,a:active,a:visited { color : #FFFFFF; }
a:hover  { text-decoration: underline; color : #FF9900; }
a:hover:visited { color : #FF9900; }
hr { height: 0px; border: solid #FFFFFF 0px; border-top-width: 1px;}
/* This is the border line & background colour round the entire page */
.bodyline { background-color: #FFFFFF; border: 1px #98AAB1 solid; }
/* This is the outline round the main forum tables */
.forumline { background-color: #111E3A; border: 1px #111E3A solid; }
/* Main table cell colours and backgrounds */
td.row1 { background-color: #1E2A45; }
td.row2 { background-color: #1A2640; }
td.row3 { background-color: #15203A; }
/*
  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://img5.xooimage.com/files/c/e/cellpic2-30da7.jpg);
  background-repeat: repeat-y;
}
/* Header cells - the blue and silver gradient backgrounds */
th {
 color: #FFFFFF; font-size: 14px; font-weight : bold;
 background-color: #FFFFFF; height: 39px;
 background-image: url(http://img4.xooimage.com/files/t/i/tile_sub-315c1.gif);
}
td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom {
   background-color:#15203A; border: #1E2A45; 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: #060A13; border-style: solid; height: 39px;
}
td.row3Right,td.spaceRow {
 background-color: #15203A; border: #15203A; border-style: solid;
}
th.thHead,td.catHead { font-size: 11px; 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: 24px; font-family: "Arial, Helvetica, sans-serif",Arial, Helvetica, sans-serif;
 text-decoration: none; line-height : 120%; color : #FFFFFF;
}
/* General text */
.gen { font-size : 16px; }
.genmed { font-size : 14px; }
.gensmall { font-size : 14px; }
.gen,.genmed,.gensmall { color : #FFFFFF; }
a.gen,a.genmed,a.gensmall { color: #FFA34F; text-decoration: none; }
a.gen:hover,a.genmed:hover,a.gensmall:hover { color: #DD6900; text-decoration: underline; }
/* The register, login, search etc links at the top of the page */
.mainmenu  { font-size : 11px; color : #FFA34F; }
a.mainmenu  { text-decoration: none; color : #FFA34F;  }
a.mainmenu:hover{ text-decoration: underline; color : #DD6900; }
/* Forum category titles */
.cattitle  { font-weight: bold; font-size: 18px ; letter-spacing: 1px; color : #FFFFFF}
a.cattitle  { text-decoration: none; color : #FFFFFF; }
a.cattitle:hover{ text-decoration: underline; color : #FFCC00; }
/* Forum title: Text and link to the forums used in: index.php */
.forumlink  { font-weight: bold; font-size: 16px; color : #FFA34F; }
a.forumlink  { text-decoration: none; color : #FFCC00; }
a.forumlink:hover{ text-decoration: underline; color : #FF9900; }
a.forumlink:visited{ text-decoration: none; color : #FFCC00; }
a.forumlink:visited:hover{ text-decoration: underline; color : #FF9900; }
/* Used for the navigation text, (Page 1,2,3 etc) and the navigation bar when in a forum */
.nav   { font-weight: bold; font-size: 14px; color : #FFFFFF;}
a.nav   { text-decoration: none; color : #FFCC00; }
a.nav:hover  { text-decoration: underline; color : #FFCC00; }
/* titles for the topics: could specify viewed link colour too */
.topictitle,h1,h2 { font-weight: bold; font-size: 16px; color : #FFFFFF; }
a.topictitle:link   { text-decoration: none; color : #FFFFFF; }
a.topictitle:visited { text-decoration: none; color : #FFCC00; }
a.topictitle:hover { text-decoration: underline; color : #FFCC00; }
/* Name of poster in viewmsg.php and viewtopic.php and other places */
.name   { font-size : 14px; color : #FF6600;}
/* Location, number of posts, post date etc */
.postdetails  { font-size : 14px; color : #FFFFFF; }
/* The content of the posts (body of text) */
.postbody { font-size : 16px; line-height: 18px; color : #FFFFFF; }
a.postlink:link { text-decoration: none; color : #FFCC00; }
a.postlink:visited { text-decoration: none; color : #FFCC00; }
a.postlink:hover { text-decoration: underline; color : #FF9900; }
/* Quote & Code blocks */
.code {
 font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #FFFFFF;
 background-color: #FAFAFA; border: #15203A; border-style: solid;
 border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px
}
.quote {
 font-family: Arial, Helvetica, sans-serif; font-size: 16px; color: #000000; line-height: 125%;
 background-color: #FFFFFF; border: #15203A; 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: 14px; font-family: Arial, Helvetica, sans-serif; color: #FF9900; }
a.copyright  { color: #3A5899; text-decoration: none;}
a.copyright:hover { color: #FFFFFF; text-decoration: underline;}
/* Form elements */
input,textarea, select {
 color : #FFFFFF;
 font: normal 14px Arial, Helvetica, sans-serif;
 border-color : #FFFFFF;
         background-color : #3A5899;
}
/* The text input fields background colour */
input.post, textarea.post, select {
 background-color : #3A5899;
}
input { text-indent : 2px; }
/* The buttons used for bbCode styling in message post */
input.button {
 background-color : #F7F6F6;
 color : #1A2640;
 font-size: 11px; font-family: Arial, Helvetica, sans-serif;
}
/* The main submit button option */
input.mainoption {
 background-color : #3A5899;
 font-weight : bold;
}
/* None-bold submit button */
input.liteoption {
 background-color : #3A5899;
 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: #FAFAFA; border-style: none; }

/* PixelSlot's */
.maintitle2 { FONT-SIZE: 18px; LETTER-SPACING: 1px; vertical-align:middle; font-weight:bold; color:#FFFFFF; padding:8px 0px 8px 5px;}
a.maintitle2:link { text-decoration: none; color : #FFFFFF }
a.maintitle2:visited { text-decoration: none; color : #FFFFFF }
a.maintitle2:hover { text-decoration: underline; color : #FF9900 }
.whitetext { FONT-SIZE: 16px; vertical-align:middle; color:#FFFFFF; padding:8px 0px 8px 5px;}
a.whitetext:link { text-decoration: none; color : #FFFFFF }
a.whitetext:visited { text-decoration: none; color : #FFFFFF }
a.whitetext:hover { text-decoration: underline; color : #FF9900 }
.register { FONT-SIZE: 14px;  color:#3A5899;}
a.register:link { text-decoration: none; color:#FFFFFF;  }
a.register:visited { text-decoration: none; color:#FFFFFF;}
a.register:hover { text-decoration: none; color:#FF9900;}
/* 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 leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<a name="top"></a>
<table width="768" height="100%" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td width="13" background="[url=http://img10.xooimage.com/files/b/g/bg_l-315cb.gif%22%3E%3Cimg]http://img10.xooimage.com/files/b/g/bg_l-315cb.gif"><img[/url] src="http://img10.xooimage.com/files/b/g/bg_l-315cb.gif" width="13" height="5"></td>
    <td width="754" valign="top" background="http://img7.xooimage.com/files/b/g/bg_2-315cc.gif">
     
      <table width="742" border="0" cellpadding="0" cellspacing="0" background="http://img7.xooimage.com/files/b/g/bg_2-315cc.gif">
        <tr>
          <td width="626"><a href="index.php"><img src="http://img3.xooimage.com/files/l/o/logo-315cd.gif" width="273" height="100" border="0"></a></td>
          <td width="116" valign="top">
<!-- BEGIN switch_user_logged_out -->
<table width="103" height="29" border="0" cellpadding="0" cellspacing="0">
              <tr>
                <td width="28" height="29"><img src="http://img10.xooimage.com/files/b/u/button_reg_l-315ce.gif" width="28" height="29"></td>
                <td width="75" background="http://img2.xooimage.com/files/b/u/button_reg_r-315cf.gif" align="center"><b><a href="{U_REGISTER}" class="register">{L_REGISTER}</a></b></td>
              </tr>
            </table>
<!-- END switch_user_logged_out -->
          </td>
        </tr>
      </table>
      <table width="742" border="0" cellspacing="0" cellpadding="0">
        <tr>
   
  
          <td width="742" height="38" align="right" background="http://img2.xooimage.com/files/n/a/nav_bg-315d0.gif">
            <table width="408" border="0" cellpadding="0" cellspacing="0" background="http://img4.xooimage.com/files/b/u/button_bg-315d1.gif">
              <tr>
                <td width="22"><img src="http://img6.xooimage.com/files/b/u/button_l-315d2.gif" width="22" height="38"></td>
                <td width="80" align="right"><a href="{U_MEMBERLIST}" class="whitetext"><b>{L_MEMBERLIST}</b></a>&nbsp;&nbsp;&nbsp;</td>
                <td width="22"><img src="http://img6.xooimage.com/files/b/u/button_l-315d2.gif" width="22" height="38"></td>
                <td width="80" align="right"><a href="{U_GROUP_CP}" class="whitetext"><b>{L_USERGROUPS}</b></a>&nbsp;&nbsp;&nbsp;</td>
                <td width="22"><img src="http://img6.xooimage.com/files/b/u/button_l-315d2.gif" width="22" height="38"></td>
                <td width="80" align="right"><a href="{U_PROFILE}" class="whitetext"><b>{L_PROFILE}</b></a>&nbsp;&nbsp;&nbsp;</td>
                <td width="22"><img src="http://img6.xooimage.com/files/b/u/button_l-315d2.gif" width="22" height="38"></td>
                <td width="80" align="right"><a href="{U_SEARCH}" class="whitetext"><b>{L_SEARCH}</b></a>&nbsp;&nbsp;&nbsp;</td>
              </tr>
            </table></td>
        </tr>
      </table>

      <table width="742" border="0" cellpadding="10" cellspacing="0" background="http://img6.xooimage.com/files/b/g/bg-315c0.gif">
        <tr>
          <td width="742"><table width="100%" border="0" cellpadding="0" cellspacing="0">
              <tr>
                <td width="14"><img src="http://img2.xooimage.com/files/n/a/nav_2_l-315d3.gif" width="14" height="33"></td>
                <td width="100%" bgcolor="112248" align="right">

 <table border="0" cellpadding="0" cellspacing="0" align="center">
              <tr>
   
    <td><span class="register">{CURRENT_TIME}&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;•&nbsp;&nbsp;</span>
          </td>
  <td>&nbsp;&nbsp;<img src="http://img2.xooimage.com/files/i/c/icon_mini_faq-315d4.gif" width="21" height="22" border="0" alt="{L_FAQ}" hspace="3" /></td><td>&nbsp;<a href="{U_FAQ}" class="register">{L_FAQ}</a></td>
   <td>&nbsp;&nbsp;<img src="http://img4.xooimage.com/files/i/c/icon_mini_message-315d5.gif" width="21" height="22" border="0" alt="{PRIVATE_MESSAGE_INFO}" hspace="3" /></td><td>&nbsp;<a href="{U_PRIVATEMSGS}" class="register">{PRIVATE_MESSAGE_INFO}</a></td>
         <td>&nbsp;&nbsp;<img src="http://img4.xooimage.com/files/i/c/icon_mini_login-315d6.gif" width="21" height="22" border="0" alt="{L_LOGIN_LOGOUT}" hspace="3" /></td><td>&nbsp;<a href="{U_LOGIN_LOGOUT}" class="register">{L_LOGIN_LOGOUT}</a></td>
              </tr>
            </table>  
  
  </td>
                <td width="14"><img src="http://img9.xooimage.com/files/n/a/nav_2_r-315d7.gif" width="14" height="33"></td>
              </tr>
            </table></td>
        </tr>
      </table>
      <table width="742" border="0" cellpadding="20" cellspacing="0" background="http://img6.xooimage.com/files/b/g/bg-315c0.gif">
        <tr>
          <td width="742">
<table align="center" width="1015">
<tr>
<td>
 

Et le lien de mon forum ==> http://lordofwar.xooit.com

Merci d'avance pour vos réponses.
Author Message
Toutencamion
Membre


Offline
Membre

Joined: 16 May 2010
Posts: 10
Niveau:
Point(s): 10
Moyenne: 1.00
Windows XP (ou plus ancien) Opera Masculin Bélier (21mar-19avr)

PostPosted: Wed 28 Jul 2010 - 18:55    Post subject: [Modification] Guide du css xooit Reply with quote

Toutencamion wrote:
Bonjour,

Adresse de mon forum : http://villagesdefrance.xooit.fr/index.php
Thème graphique du forum : 600-600_003270
Votre poste : Admin fondateur 
Votre navigateur (Modèle et version) : Opéra
Mon problème concerne : La couleur des liens des sous-forums sur l'index
Êtes-vous le seul concerné par ce problème ? :  Surement tous ceux qui ont choisi ce thème

Depuis quand dure le bug/problème constaté ? : Depuis la création du forum
Images/Screens relatifs au problème :



Ca n'a pas été une partie de plaisir mais j'ai déjà modifié les templates avec succès, par exemple pour enlever l'affichage des modérateurs sur les catégories, ou pour supprimer l'affichage de l'édition des messages, ou pour mettre un compteur ! Je ne suis pas complètement idiot, mais là j'avoue que pour modifier les couleurs des liens des sous-forums je n'y arrive pas ! J'ai beau passer des heures sur les tutos je n'aboutis à rien !
Une assistance serait sympa, merci !


Je crois avoir enfin trouvé, j'ai modifié le code couleur de ces lignes (celui en gras) :

a.postlink { text-decoration: none; color : #FFFFFF }
a.postlink:visited { text-decoration: none; color : #FFFFFF; }
a.postlink:hover { text-decoration: underline; color : #FFE081}

Apparement ça marche, mais pouvez-vous me confirmer que je n'aurais pas d'autres effets secondaires ?
merci
_______________________
http://villagesdefrance.xooit.fr/index.php


Forum
Author Message
Toutencamion
Membre


Offline
Membre

Joined: 16 May 2010
Posts: 10
Niveau:
Point(s): 10
Moyenne: 1.00
Windows XP (ou plus ancien) Opera Masculin Bélier (21mar-19avr)

PostPosted: Wed 28 Jul 2010 - 19:25    Post subject: [Modification] Guide du css xooit Reply with quote

Il faut être entêté pour trouvé ça tout seul, vous ne devinerez jamais la méthode de
que j'ai employé !
Maintenant j'vais me coucher
bonne soirée !



_______________________
http://villagesdefrance.xooit.fr/index.php


Forum
Author Message
Toutencamion
Membre


Offline
Membre

Joined: 16 May 2010
Posts: 10
Niveau:
Point(s): 10
Moyenne: 1.00
Windows XP (ou plus ancien) Opera Masculin Bélier (21mar-19avr)

PostPosted: Wed 28 Jul 2010 - 20:21    Post subject: [Modification] Guide du css xooit Reply with quote

toutencamion wrote:
Apparement ça marche, mais pouvez-vous me confirmer que je n'aurais pas d'autres effets secondaires ?
merci



merci



_______________________
http://villagesdefrance.xooit.fr/index.php


Forum
Author Message
kissskoool


Offline
Guest




PostPosted: Thu 29 Jul 2010 - 08:17    Post subject: [Modification] Guide du css xooit Reply with quote

Bonjour,

Dans la partie /* General text */ , ajoutez font-weight: bold; (comme dans .cattitle  { font-weight: bold; font-size: 18px ; letter-spacing: 1px; color : #FFFFFF}) à la classe que vous désirez. Si vous ne savez pas quelle classe modifier (la class commence par: .nomdelaclaclasse) - repostez en nous indiquant ce que vous voulez mettre en gras en particulier.

K.
DAM624 wrote:
Bonjour,

J'aimerai faire une derniére modification à mon CSS, modifier la police d'écriture pour qu'elle soit en gras.

Voici mon template :

Code: Sélectionner - Agrandir

<!--/* Forum Skin by PixelSlot.com */-->
<!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>

<style type="text/css">
<!--
/*
  The original bionic Theme for phpBB version 2+
  Created by PixelSlot
  [url=http://www.pixelslot.com/]http://www.pixelslot.com[/url]
  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-color: #06122D;
 scrollbar-face-color: C7D3DD;
 scrollbar-highlight-color: #FFFFFF;
 scrollbar-shadow-color: C7D3DD;
 scrollbar-3dlight-color: #D1D7DC;
 scrollbar-arrow-color:  #006699;
 scrollbar-track-color: #EFEFEF;
 scrollbar-darkshadow-color: #98AAB1;
 background-image:url(http://img6.xooimage.com/files/b/g/bg-315c0.gif);
}
/* General font families for common tags */
font,th,td,p { font-family: Arial, Helvetica, sans-serif }
a:link,a:active,a:visited { color : #FFFFFF; }
a:hover  { text-decoration: underline; color : #FF9900; }
a:hover:visited { color : #FF9900; }
hr { height: 0px; border: solid #FFFFFF 0px; border-top-width: 1px;}
/* This is the border line & background colour round the entire page */
.bodyline { background-color: #FFFFFF; border: 1px #98AAB1 solid; }
/* This is the outline round the main forum tables */
.forumline { background-color: #111E3A; border: 1px #111E3A solid; }
/* Main table cell colours and backgrounds */
td.row1 { background-color: #1E2A45; }
td.row2 { background-color: #1A2640; }
td.row3 { background-color: #15203A; }
/*
  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://img5.xooimage.com/files/c/e/cellpic2-30da7.jpg);
  background-repeat: repeat-y;
}
/* Header cells - the blue and silver gradient backgrounds */
th {
 color: #FFFFFF; font-size: 14px; font-weight : bold;
 background-color: #FFFFFF; height: 39px;
 background-image: url(http://img4.xooimage.com/files/t/i/tile_sub-315c1.gif);
}
td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom {
   background-color:#15203A; border: #1E2A45; 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: #060A13; border-style: solid; height: 39px;
}
td.row3Right,td.spaceRow {
 background-color: #15203A; border: #15203A; border-style: solid;
}
th.thHead,td.catHead { font-size: 11px; 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: 24px; font-family: "Arial, Helvetica, sans-serif",Arial, Helvetica, sans-serif;
 text-decoration: none; line-height : 120%; color : #FFFFFF;
}
/* General text */
.gen { font-size : 16px; }
.genmed { font-size : 14px; }
.gensmall { font-size : 14px; }
.gen,.genmed,.gensmall { color : #FFFFFF; }
a.gen,a.genmed,a.gensmall { color: #FFA34F; text-decoration: none; }
a.gen:hover,a.genmed:hover,a.gensmall:hover { color: #DD6900; text-decoration: underline; }
/* The register, login, search etc links at the top of the page */
.mainmenu  { font-size : 11px; color : #FFA34F; }
a.mainmenu  { text-decoration: none; color : #FFA34F;  }
a.mainmenu:hover{ text-decoration: underline; color : #DD6900; }
/* Forum category titles */
.cattitle  { font-weight: bold; font-size: 18px ; letter-spacing: 1px; color : #FFFFFF}
a.cattitle  { text-decoration: none; color : #FFFFFF; }
a.cattitle:hover{ text-decoration: underline; color : #FFCC00; }
/* Forum title: Text and link to the forums used in: index.php */
.forumlink  { font-weight: bold; font-size: 16px; color : #FFA34F; }
a.forumlink  { text-decoration: none; color : #FFCC00; }
a.forumlink:hover{ text-decoration: underline; color : #FF9900; }
a.forumlink:visited{ text-decoration: none; color : #FFCC00; }
a.forumlink:visited:hover{ text-decoration: underline; color : #FF9900; }
/* Used for the navigation text, (Page 1,2,3 etc) and the navigation bar when in a forum */
.nav   { font-weight: bold; font-size: 14px; color : #FFFFFF;}
a.nav   { text-decoration: none; color : #FFCC00; }
a.nav:hover  { text-decoration: underline; color : #FFCC00; }
/* titles for the topics: could specify viewed link colour too */
.topictitle,h1,h2 { font-weight: bold; font-size: 16px; color : #FFFFFF; }
a.topictitle:link   { text-decoration: none; color : #FFFFFF; }
a.topictitle:visited { text-decoration: none; color : #FFCC00; }
a.topictitle:hover { text-decoration: underline; color : #FFCC00; }
/* Name of poster in viewmsg.php and viewtopic.php and other places */
.name   { font-size : 14px; color : #FF6600;}
/* Location, number of posts, post date etc */
.postdetails  { font-size : 14px; color : #FFFFFF; }
/* The content of the posts (body of text) */
.postbody { font-size : 16px; line-height: 18px; color : #FFFFFF; }
a.postlink:link { text-decoration: none; color : #FFCC00; }
a.postlink:visited { text-decoration: none; color : #FFCC00; }
a.postlink:hover { text-decoration: underline; color : #FF9900; }
/* Quote & Code blocks */
.code {
 font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #FFFFFF;
 background-color: #FAFAFA; border: #15203A; border-style: solid;
 border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px
}
.quote {
 font-family: Arial, Helvetica, sans-serif; font-size: 16px; color: #000000; line-height: 125%;
 background-color: #FFFFFF; border: #15203A; 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: 14px; font-family: Arial, Helvetica, sans-serif; color: #FF9900; }
a.copyright  { color: #3A5899; text-decoration: none;}
a.copyright:hover { color: #FFFFFF; text-decoration: underline;}
/* Form elements */
input,textarea, select {
 color : #FFFFFF;
 font: normal 14px Arial, Helvetica, sans-serif;
 border-color : #FFFFFF;
         background-color : #3A5899;
}
/* The text input fields background colour */
input.post, textarea.post, select {
 background-color : #3A5899;
}
input { text-indent : 2px; }
/* The buttons used for bbCode styling in message post */
input.button {
 background-color : #F7F6F6;
 color : #1A2640;
 font-size: 11px; font-family: Arial, Helvetica, sans-serif;
}
/* The main submit button option */
input.mainoption {
 background-color : #3A5899;
 font-weight : bold;
}
/* None-bold submit button */
input.liteoption {
 background-color : #3A5899;
 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: #FAFAFA; border-style: none; }

/* PixelSlot's */
.maintitle2 { FONT-SIZE: 18px; LETTER-SPACING: 1px; vertical-align:middle; font-weight:bold; color:#FFFFFF; padding:8px 0px 8px 5px;}
a.maintitle2:link { text-decoration: none; color : #FFFFFF }
a.maintitle2:visited { text-decoration: none; color : #FFFFFF }
a.maintitle2:hover { text-decoration: underline; color : #FF9900 }
.whitetext { FONT-SIZE: 16px; vertical-align:middle; color:#FFFFFF; padding:8px 0px 8px 5px;}
a.whitetext:link { text-decoration: none; color : #FFFFFF }
a.whitetext:visited { text-decoration: none; color : #FFFFFF }
a.whitetext:hover { text-decoration: underline; color : #FF9900 }
.register { FONT-SIZE: 14px;  color:#3A5899;}
a.register:link { text-decoration: none; color:#FFFFFF;  }
a.register:visited { text-decoration: none; color:#FFFFFF;}
a.register:hover { text-decoration: none; color:#FF9900;}
/* 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 leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<a name="top"></a>
<table width="768" height="100%" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr> 
    <td width="13" background="[url=http://img10.xooimage.com/files/b/g/bg_l-315cb.gif%22%3E%3Cimg]http://img10.xooimage.com/files/b/g/bg_l-315cb.gif"><img[/url] src="http://img10.xooimage.com/files/b/g/bg_l-315cb.gif" width="13" height="5"></td>
    <td width="754" valign="top" background="http://img7.xooimage.com/files/b/g/bg_2-315cc.gif"> 
      
      <table width="742" border="0" cellpadding="0" cellspacing="0" background="http://img7.xooimage.com/files/b/g/bg_2-315cc.gif">
        <tr> 
          <td width="626"><a href="index.php"><img src="http://img3.xooimage.com/files/l/o/logo-315cd.gif" width="273" height="100" border="0"></a></td>
          <td width="116" valign="top">
<!-- BEGIN switch_user_logged_out -->
<table width="103" height="29" border="0" cellpadding="0" cellspacing="0">
              <tr>
                <td width="28" height="29"><img src="http://img10.xooimage.com/files/b/u/button_reg_l-315ce.gif" width="28" height="29"></td>
                <td width="75" background="http://img2.xooimage.com/files/b/u/button_reg_r-315cf.gif" align="center"><b><a href="{U_REGISTER}" class="register">{L_REGISTER}</a></b></td>
              </tr>
            </table>
<!-- END switch_user_logged_out -->
          </td>
        </tr>
      </table>
      <table width="742" border="0" cellspacing="0" cellpadding="0">
        <tr> 
    
   
          <td width="742" height="38" align="right" background="http://img2.xooimage.com/files/n/a/nav_bg-315d0.gif"> 
            <table width="408" border="0" cellpadding="0" cellspacing="0" background="http://img4.xooimage.com/files/b/u/button_bg-315d1.gif">
              <tr> 
                <td width="22"><img src="http://img6.xooimage.com/files/b/u/button_l-315d2.gif" width="22" height="38"></td>
                <td width="80" align="right"><a href="{U_MEMBERLIST}" class="whitetext"><b>{L_MEMBERLIST}</b></a>&nbsp;&nbsp;&nbsp;</td>
                <td width="22"><img src="http://img6.xooimage.com/files/b/u/button_l-315d2.gif" width="22" height="38"></td>
                <td width="80" align="right"><a href="{U_GROUP_CP}" class="whitetext"><b>{L_USERGROUPS}</b></a>&nbsp;&nbsp;&nbsp;</td>
                <td width="22"><img src="http://img6.xooimage.com/files/b/u/button_l-315d2.gif" width="22" height="38"></td>
                <td width="80" align="right"><a href="{U_PROFILE}" class="whitetext"><b>{L_PROFILE}</b></a>&nbsp;&nbsp;&nbsp;</td>
                <td width="22"><img src="http://img6.xooimage.com/files/b/u/button_l-315d2.gif" width="22" height="38"></td>
                <td width="80" align="right"><a href="{U_SEARCH}" class="whitetext"><b>{L_SEARCH}</b></a>&nbsp;&nbsp;&nbsp;</td>
              </tr>
            </table></td>
        </tr>
      </table>

      <table width="742" border="0" cellpadding="10" cellspacing="0" background="http://img6.xooimage.com/files/b/g/bg-315c0.gif">
        <tr> 
          <td width="742"><table width="100%" border="0" cellpadding="0" cellspacing="0">
              <tr> 
                <td width="14"><img src="http://img2.xooimage.com/files/n/a/nav_2_l-315d3.gif" width="14" height="33"></td>
                <td width="100%" bgcolor="112248" align="right">

 <table border="0" cellpadding="0" cellspacing="0" align="center">
              <tr>
    
    <td><span class="register">{CURRENT_TIME}&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;•&nbsp;&nbsp;</span>
          </td>
  <td>&nbsp;&nbsp;<img src="http://img2.xooimage.com/files/i/c/icon_mini_faq-315d4.gif" width="21" height="22" border="0" alt="{L_FAQ}" hspace="3" /></td><td>&nbsp;<a href="{U_FAQ}" class="register">{L_FAQ}</a></td>
   <td>&nbsp;&nbsp;<img src="http://img4.xooimage.com/files/i/c/icon_mini_message-315d5.gif" width="21" height="22" border="0" alt="{PRIVATE_MESSAGE_INFO}" hspace="3" /></td><td>&nbsp;<a href="{U_PRIVATEMSGS}" class="register">{PRIVATE_MESSAGE_INFO}</a></td>
         <td>&nbsp;&nbsp;<img src="http://img4.xooimage.com/files/i/c/icon_mini_login-315d6.gif" width="21" height="22" border="0" alt="{L_LOGIN_LOGOUT}" hspace="3" /></td><td>&nbsp;<a href="{U_LOGIN_LOGOUT}" class="register">{L_LOGIN_LOGOUT}</a></td>
              </tr>
            </table>  
  
  </td>
                <td width="14"><img src="http://img9.xooimage.com/files/n/a/nav_2_r-315d7.gif" width="14" height="33"></td>
              </tr>
            </table></td>
        </tr>
      </table>
      <table width="742" border="0" cellpadding="20" cellspacing="0" background="http://img6.xooimage.com/files/b/g/bg-315c0.gif">
        <tr> 
          <td width="742">
<table align="center" width="1015">
<tr>
<td>
 


Et le lien de mon forum ==> http://lordofwar.xooit.com

Merci d'avance pour vos réponses.


Author Message
DAM624


Offline
Guest




PostPosted: Thu 29 Jul 2010 - 15:50    Post subject: [Modification] Guide du css xooit Reply with quote

Ca marche, merci.

J'ai modifié cette classe :


Code: Sélectionner - Agrandir
/* The content of the posts (body of text) */.postbody { font-weight: bold; font-size : 16px; line-height: 18px; color : #FFFFFF; }
a.postlink:link { text-decoration: none; color : #FFCC00; }
a.postlink:visited { text-decoration: none; color : #FFCC00; }
a.postlink:hover { text-decoration: underline; color : #FF9900; } 


Par contre, j'aimerai que quand on tape notre message, la police soit en gras aussi (comme ici). J'ai donc modifié ca comme c'est dans cette classe qu'on change la couleur du fond :


Code: Sélectionner - Agrandir
/* The text input fields background colour */input.post, textarea.post, select {
 background-color : #3A5899;
         font-weight : bold;
}



Mais ca ne change pas la police d'écriture. Comment puis-je faire ? Merci.

Author Message
kissskoool


Offline
Guest




PostPosted: Fri 30 Jul 2010 - 17:51    Post subject: [Modification] Guide du css xooit Reply with quote

Bonjour,

Essayer de modifier ici :
 
Code: Sélectionner - Agrandir
 input { text-indent : 2px; } <!-- AJOUTER ICI LE BOLD -->


K.


Author Message
DAM624


Offline
Guest




PostPosted: Sun 1 Aug 2010 - 16:48    Post subject: [Modification] Guide du css xooit Reply with quote

Eurf, non ca ne marche pas Sad

Author Message
croac


Offline
Guest




PostPosted: Tue 10 Aug 2010 - 01:23    Post subject: [Modification] Guide du css xooit Reply with quote

Bonsoir,
Je cherche à savoir comment afficher  plusieurs sous-forums sous forme de forum, comme sur la page d'accueil !
Et par la même occasion retirer l'affichage des sous-sous-forums ou sujets sous le titre d'un forum ou sous-forum !

En espérant que l'on m'a compris ! (c'est pas très évident à expliquer et à comprendre)

Merci


Author Message
Yskander
Modérateur


Offline
Modérateur

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

PostPosted: Tue 10 Aug 2010 - 01:39    Post subject: [Modification] Guide du css xooit Reply with quote

Bonjour
Cela ne se fait pas avec le css. Ouvrez votre question dans le sous forum approprié avec le formulaire de demande d'aide.
>> http://xooit.xooit.com/f61-Questions-Reponses-a-vos-problemes.htm
Cordialement
_______________________
Pour les mp injurieux >> Ezéchiel 25 verset 17


Forum
Author Message
croac


Offline
Guest




PostPosted: Tue 10 Aug 2010 - 11:07    Post subject: [Modification] Guide du css xooit Reply with quote

Bonjour,

Merci bien pour votre réponse !

Amicalement


Author Message
plops95


Offline
Guest




PostPosted: Fri 3 Sep 2010 - 18:21    Post subject: [Modification] Guide du css xooit Reply with quote

Bonjour a tous et à toutes. Si je poste ici, c'est car j'ai cherché vraiment de partout, essayé de changer la couleur des citations, feuilleté plusieurs de ces pages pour trouver la solution. Je voudrais changé la couleur des bordures des tableaux. Le fond de mon forum est noir, les bordures aussi, ce qui nous donne à la fin un gros trou noir.

Merci de votre aide !


Author Message
Fl3ur de lun 3


Offline
Guest




PostPosted: Sun 26 Sep 2010 - 11:22    Post subject: [Modification] Guide du css xooit Reply with quote

Bonjour,

J'aimerais surligner sur toute la ligne, mes titres de forums (comme "One Tree Hill") (mon forum ici : http://fanatic-series.xooit.org/index.php)

Comme sur ce forum-ci : http://all-series.forumactif.com/

J'ai testé dans le css, mais ça ne marche pas, en rajoutant une balise "texte-decoration", ni en rajoutant un "display: block"

J'ai le thème Appalachia, que j'ai modifié au niveau des couleurs & des images !

Pouvez-vous me dire que faire & dans quel template ? Merci


Author Message
Conss
Membre


Offline
Membre

Joined: 27 Feb 2010
Posts: 6
Point(s): 6
Moyenne: 1.00

PostPosted: Sun 24 Oct 2010 - 19:37    Post subject: [Modification] Guide du css xooit Reply with quote

Bonjour à toutes et tous,

Adresse de mon forum : http://testonslesthemes.xooit.fr/index.php
Thème graphique du forum :  Onyx
Votre poste : Admin fondateur
Votre navigateur (Modèle et version) :  Mozilla.
Mon problème concerne :  Dans le thème Onyx il y a plusieurs templates géreant le CSS, mais lequel gère le message d'entête ?
Êtes-vous le seul concerné par ce problème : Oui
Depuis quand dure le bug/problème constaté ? :  Aujourd'hui.
Images/Screens relatifs au problème :  
Description détaillée du problème :  Voilà, j'ai voulu faire une page d'accueil classe pour mon Forum, normalement avec les codes et tout ça aurait dû donner ça : http://test-my-designs.forumactif.net/index.htm (Message d'entête du Forum), mais au contraire ça donne ceci : http://testonslesthemes.xooit.fr/index.php J'ai C/C le code sur le message d'entête, mais il y a un deuxième code à C/C concernant le CSS où dois-je le mettre ? Le code que j'ai mis dans l'entête est le HTML, mais où mettre le code CSS ?

Merci d'avance pour l'aide que vous saurez m'apporter.


Forum
Author Message
Koopa


Offline
Guest




PostPosted: Fri 24 Dec 2010 - 12:10    Post subject: [Modification] Guide du css xooit Reply with quote

Bonjour, comment faire pour modifier la couleur du texte dans mon forum ? merci Smile

Author Message
Ashaya


Offline
Guest




PostPosted: Fri 24 Dec 2010 - 17:09    Post subject: [Modification] Guide du css xooit Reply with quote

Bonjour à toutes et tous,

[b]Adresse de mon forum[/b] : http://legioviiclaudia.xooit.fr/index.php?theme=test
[b]Thème graphique du forum[/b] :  onyx
[b]Votre poste[/b] : Admin
[b]Votre navigateur (Modèle et version)[/b] :  mozilla (dernière version)
[b]Mon problème concerne[/b] :  mise en forme de texte
[b]Êtes-vous le seul concerné par ce problème[/b] : Oui 
[b]Depuis quand dure le bug/problème constaté ?[/b] :  2 jours
[b]Images/Screens relatifs au problème[/b] :  
[b]Description détaillée du problème[/b] :  Comme on peut le voir en cliquant sur le lien du forum j'ai supprimé récemment le fond des cellules afin de mieux voir l'image de fond du forum (de plus je trouve que sa rend bien), le problème c'est que l'image actuel n'est pas d'une clarté homogène ce qui fait qu'aucune couleur d'écriture n'est correctement lisible dessus. Je voudrais (si possible) savoir comment rajouter un fond noir par défaut au niveau du texte.
Le résultat devrait donner un truc comme sa => [img]http://img.xooimage.com/files54/b/a/f/aide-23cfc8f.jpg[/img]

Merci d'avance pour l'aide que vous saurez m'apporter.


Author Message
Contenu Sponsorisé





PostPosted: Today at 01:48    Post subject: [Modification] Guide du css xooit

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