Sélecteur de thème (messages) Bouton_activeSélecteur de thème (messages) Bouton_hoverSélecteur de thème (messages) Fb-hoverSélecteur de thème (messages) Fb-active
CSSActif, le forum, n'est plus maintenu. Il est néanmoins disponible pour consultation. Pour des outils pratiques, rendez-vous sur:

Découvrez CSSActif, une collection d'outils et de tutoriels interactifs pour les développeurs Web — HTML, CSS, JavaScript et bien plus!

Derniers sujets
» Fiche de Présentation RPG
Sélecteur de thème (messages) EmptySam 30 Mar 2024, 22:07 par Peyton972

» [RPG] Fiche personnage avec bannière
Sélecteur de thème (messages) EmptySam 30 Mar 2024, 22:06 par Peyton972

» Structure de Qui Est En Ligne (1)
Sélecteur de thème (messages) EmptyLun 04 Mar 2024, 23:20 par Peyton972

» Qui Est En Ligne - Utopia
Sélecteur de thème (messages) EmptyDim 24 Déc 2023, 18:16 par romee

» Pack forum complet "Androïd Sylver" RPU (N°2)
Sélecteur de thème (messages) EmptyJeu 02 Nov 2023, 06:42 par Hydrar

» Formulaire de connexion rapide amélioré
Sélecteur de thème (messages) EmptySam 04 Mar 2023, 18:57 par Krager

» Avatar centré dans le profil
Sélecteur de thème (messages) EmptySam 11 Fév 2023, 06:04 par Krager

» Vos partenaires dans le footer
Sélecteur de thème (messages) EmptyMar 07 Fév 2023, 08:40 par Oxtran


Partagez
 

Sélecteur de thème (messages)

Voir le sujet précédent Voir le sujet suivant Aller en bas 
Aller à la page : 1, 2  Suivant
iowan
iowan
{ Membre actif }
{ Membre actif }

Masculin Messages : 304



Sélecteur de thème (messages) Empty
oui merci pour cette notification j'ai reparer ce probleme relis le post pour ajuster ton selecteur avec le patch
MessageSujet: Sélecteur de thème (messages)   Sélecteur de thème (messages) EmptySam 10 Oct 2009, 08:53
Revenir en haut Aller en bas
Invité
Invité




Sélecteur de thème (messages) Empty
J'ai quelques question :

Ce code fonctionne t-il avec xooit ?
Mon thème comporte 2 templates du même nom ( celui du thème de base ) finissant par .css, le quel choisir ?

Merci d'avance Very Happy
MessageSujet: Re: Sélecteur de thème (messages)   Sélecteur de thème (messages) EmptyDim 08 Nov 2009, 10:10
Revenir en haut Aller en bas
Invité
Invité




Sélecteur de thème (messages) Empty
Si tu veut vraiment m'aider créer toi un forum de test xooit pour voir
MessageSujet: Re: Sélecteur de thème (messages)   Sélecteur de thème (messages) EmptyDim 08 Nov 2009, 11:08
Revenir en haut Aller en bas
http://Maxii-pubs.forumactif.com
kalyon
{ Membre }
{ Membre }

Masculin Messages : 156



Sélecteur de thème (messages) Empty
Simpa sa Razz

j'esseyerais plus tard si l'envie me dit de le faire Smile
MessageSujet: Re: Sélecteur de thème (messages)   Sélecteur de thème (messages) EmptyVen 20 Nov 2009, 17:41
Revenir en haut Aller en bas
http://Maxii-pubs.forumactif.com
kalyon
{ Membre }
{ Membre }

Masculin Messages : 156



Sélecteur de thème (messages) Empty
Question ...

Comment inséré l'URL vers notre .CSS ?

De plus, je souaite gardé mon theme actuelle (par defaut) et en proposez un autre via ce selecteur !

Dois-je faire un fichier .CSS a mettre dans ce selecteur, qui correspondrais au theme actuelle de mon forum ?

Ou bien il me suffit juste d'ajouter le theme en plus, et mon theme actuelle sera par defaut automatiquement ?

Amicalement, merci de repondre Smile
MessageSujet: Re: Sélecteur de thème (messages)   Sélecteur de thème (messages) EmptySam 28 Nov 2009, 18:55
Revenir en haut Aller en bas
http://azn-style.keuf.net/forum.htm
Taelin
Taelin
{ Membre }
{ Membre }

Féminin Messages : 29



Sélecteur de thème (messages) Empty
iowan a écrit:

Code:

body{
    visibility: hidden;
}

Code:
<div class="myselector"></div>

Bonsoir !

Alors d'abord, merci vraiment pour le tuto, c'est exactement ce qu'il me fallait. =)

Seulement, petit problème : Le code à insérer dans le CSS fait disparaître la totalité du body. °°"

Celui-ci:

iowan a écrit:

Code:

body{
    visibility: hidden;
}

Et pis une petite question, à propos de ce code :

iowan a écrit:
Code:
<div class="myselector"></div>

Que doit-on exactement insérer dans cette div ? ^^

Sinon Kalyon, même si ça fait un peu loin et que tu as peut-être régler ton problème, il faut que tu copies les parties de ton CSS qui modifieront tes thèmes, les collent dans le bloc-note de ton pc, les enregistres chacune en *.css, pis que tu les héberges sur par exemple sur http://pmsc.free.fr/CSS02/upload.php. =)


Merci d'avance ! J'espère que tu y trouveras une solution Iowan, parce que c'est vraiment super pour adapter les résolutions d'écran. Wink
MessageSujet: Re: Sélecteur de thème (messages)   Sélecteur de thème (messages) EmptyMer 23 Déc 2009, 22:09
Revenir en haut Aller en bas
iowan
iowan
{ Membre actif }
{ Membre actif }

Masculin Messages : 304



Sélecteur de thème (messages) Empty
Taelin bon juste suit le tuto et c'est tout, toutes les choses sont automatisées puis pour le div tu la laisse vide

pour kalyon effectivement il faut heberger ton code css et le mettre dans le script bon tu fait la base css dans le css de ton forum puis tu heberge les modifications

par exemple tu met dans le css de ton forum le css qui gere la page d'aceuil, le tableau des categories .... et dans le css exterieur tu met le css qui modifie les couleurs par exemple tu mets 2 fichiers css qui modifié les couleurs en bleu et autre en rouge et quand le visiteur choisie le style rouge le forum changera en rouge selon le code
j'espere que tu a compris

pour JOJO personnelement j'ai pas testé sur xooit alors je ne peut pas predire la resultat =/
MessageSujet: Re: Sélecteur de thème (messages)   Sélecteur de thème (messages) EmptyJeu 24 Déc 2009, 09:23
Revenir en haut Aller en bas
http://azn-style.keuf.net/forum.htm
Taelin
Taelin
{ Membre }
{ Membre }

Féminin Messages : 29



Sélecteur de thème (messages) Empty
J'ai réussi à rendre visible mon forum, mais en contre-partie, ma bannière a disparu ! XD
Je suis 100% sûre d'avoir tout suivi dans le tuto et ai relu plusieurs fois cette fois. x___x

Le sélecteur (que j'ai placé dans mon message d'entête pour le moment) apparait, mais il est vide. °°"

Voilà mon template overall_header_new :

Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html dir="{S_CONTENT_DIRECTION}" id="min-width" lang="{L_LANG_HTML}" xml:lang="{L_LANG_HTML}" xmlns="http://www.w3.org/1999/xhtml">
<head>
   <!-- BEGIN meta_emulate_ie7 -->
   <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
   <!-- END meta_emulate_ie7 -->
   <title>{SITENAME_TITLE}{PAGE_TITLE}</title>
   <meta http-equiv="content-type" content="text/html; charset={S_CONTENT_ENCODING}" />
   <meta http-equiv="content-script-type" content="text/javascript" />
   <meta http-equiv="content-style-type" content="text/css" />
   {META_FAVICO}
   {META}
   <meta name="title" content="{SITENAME_TITLE}{PAGE_TITLE}" />
   {T_HEAD_STYLESHEET}
   {CSS}
   <link rel="search" type="application/opensearchdescription+xml" href="/improvedsearch.xml" title="{SITENAME}" />
   <link rel="search" type="application/opensearchdescription+xml" href="{URL_BOARD_DIRECTORY}/search/improvedsearch.xml" title="{SEARCH_FORUMS}" />
   <script src="{JS_DIR}{L_LANG}.js" type="text/javascript"></script>
   <!-- BEGIN switch_ticker -->
   <script src="{JS_DIR}jquery/ticker/ticker.js" type="text/javascript"></script>
   <link type="text/css" rel="stylesheet" href="{JS_DIR}jquery/ticker/ticker.css" />
   <!-- END switch_ticker -->
   <script type="text/javascript">
   //<![CDATA[
   $(document).ready(function(){
      <!-- BEGIN switch_enable_pm_popup -->
         pm = window.open('{U_PRIVATEMSGS_POPUP}', '_faprivmsg', 'HEIGHT=225,resizable=yes,WIDTH=400');
         pm.focus();
      <!-- END switch_enable_pm_popup -->
      <!-- BEGIN switch_report_popup -->
         report = window.open('{switch_report_popup.U_REPORT_POPUP}', '_phpbbreport', 'HEIGHT={switch_report_popup.S_HEIGHT},resizable=yes,scrollbars=no,WIDTH={switch_report_popup.S_WIDTH}');
         report.focus();
      <!-- END switch_report_popup -->
      <!-- BEGIN switch_ticker -->
         ticker_start({switch_ticker.HEIGHT}, {switch_ticker.SPACING}, {switch_ticker.SPEED}, '{switch_ticker.DIRECTION}', {switch_ticker.STOP_TIME});
      <!-- END switch_ticker -->
   });

   <!-- BEGIN switch_login_popup -->
      var logInPopUpLeft, logInPopUpTop, logInPopUpWidth = {LOGIN_POPUP_WIDTH}, logInPopUpHeight = {LOGIN_POPUP_HEIGHT}, logInBackgroundResize = false, logInBackgroundClass = false;
   <!-- END switch_login_popup -->
   //]]>
   </script>
   {GREETING_POPUP}
   <!-- BEGIN hitskin_preview -->
   <style type="text/css">
   #hitskin_preview {
      margin: 0; padding: 0;
      position: fixed;
      top: 0; left: 0;
      width: 100%;
      height: 65px;
      background: url('http://2img.net/i/fa/hitskin/hitskin_bar.png') repeat-x left -15px;
      color: #fff;
   }

   * html #hitskin_preview { /* Fix for IE6 since it doesn't implement fixed positionning */
      position: absolute;
      top:expression(eval(document.compatMode && document.compatMode=='CSS1Compat') ? documentElement.scrollTop : document.body.scrollTop);
      z-index: 2;
      background: transparent url('http://2img.net/i/fa/hitskin/hitskin_bar-ie6.gif') repeat-x left -15px;
   }
   * html { /* Gunlaug's Speed fix for the above positionning fix. Sorry for the fix for the fix */
    background: #fff url(foo) fixed;
    }
   #hitskin_preview h1 {
      float: left;
      margin: 3px 0 0 0;
      padding: 0 0 0 10px;
      font: italic normal 25px Arial,sans serif;
      color: #fff;
   }
   #hitskin_preview h1 img {
      vertical-align: middle;
   }
   #hitskin_preview em {
      color: #7CBA2C;
      font-weight: bold;
   }
   #hitskin_preview a {
   color: #fff;
   }
   #hitskin_preview a:hover {
   text-decoration: underline;
   }

   #hitskin_preview .content {
      text-align: right;
   }
   #hitskin_preview .content p {
      margin: 4px 1em 0px 1em;
      font-size: 13px;
      line-height: 1.8em;
      color: #fff;
      font-weight: bold;
   }
   #hitskin_preview .content p span {
      font-weight: normal;
      font-size: 0.8em;
   }
   body {
      margin-top: 40px !important;
   }
   {hitskin_preview.HITSKIN_RTL_CSS}
   </style>
   <!-- END hitskin_preview -->

      <script type="text/javascript">
        var mymsg;
        var Style    = new Array();
        var Sname  = new Array();
       
        //Configuration
        mymsg      = 'Votre résolution d'écran';
       
        Sname[0]    = "800-600px";
        Style[0]    = "http://pmsc.free.fr/CSS02/09122424856.css";
       
        Sname[1]    = "1024-768px";
        Style[1]    = "http://pmsc.free.fr/CSS02/09122425011.css";
       
        Sname[2]    = "1280-1024px";
        Style[2]    = "http://pmsc.free.fr/CSS02/09122425102.css";
       

        // fin du configuration
      </script>
<script type="text/javascript" src="http://narutolegend.franceserv.com/css-actif/sel.js"> </script>

</head>

<body background="{T_BODY_BACKGROUND}" bgcolor="{T_BODY_BGCOLOR}" text="{T_BODY_TEXT}" link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}">
   <!-- BEGIN hitskin_preview -->
   <div id="hitskin_preview" style="display: block;">
      <h1><img src="http://2img.net/i/fa/hitskin/hitskin_logo.png" alt="" /> Hit<em>skin</em>.com</h1>
      <div class="content">
         <p>
            {hitskin_preview.L_THEME_SITE_PREVIEW}
            <br />
            <span>{hitskin_preview.U_INSTALL_THEME}<a href="http://{hitskin_preview.U_RETURN_THEME}">{hitskin_preview.L_RETURN_THEME}</a></span>
         </p>
      </div>
   </div>
   <!-- END hitskin_preview -->

   <!-- BEGIN switch_login_popup -->
   <div id="login_popup">
      <table class="forumline" width="{LOGIN_POPUP_WIDTH}" height="{LOGIN_POPUP_HEIGHT}" border="0" cellspacing="1" cellpadding="0">
         <tr height="25">
            <td class="catLeft">
               <span class="genmed module-title">{SITENAME}</span>
            </td>
         </tr>
         <tr height="{LOGIN_POPUP_MSG_HEIGHT}">
            <td class="row1" align="left" valign="top">
               <div id="login_popup_buttons">
                  <form action="{S_LOGIN_ACTION}" method="get">
                     <input type="submit" class="mainoption" value="{L_LOGIN}" />
                     <input type="button" class="mainoption" value="{L_REGISTER}" onclick="parent.location='{U_REGISTER}';" />
                     <input id="login_popup_close" type="button" class="button" value="{L_DONT_DISPLAY_AGAIN}" />
                  </form>
               </div>
               <span class="genmed">{LOGIN_POPUP_MSG}</span>
            </td>
         </tr>
      </table>
   </div>
   <!-- END switch_login_popup -->

   <a name="top"></a>
   {JAVAscript}
            <table width="100%" cellspacing="0" cellpadding="0" border="0">
               <tr>
                  <!-- BEGIN switch_logo_left -->
                  <td><a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" /></a></td>
                  <td align="center" width="100%" valign="middle">
                     <div class="maintitle">{MAIN_SITENAME}</div>
                     <br />
                     <span class="gen">{SITE_DEscriptION}<br />  </span>
                  </td>
                  <!-- END switch_logo_left -->

                  <!-- BEGIN switch_logo_center -->
                  <td align="center" width="100%" valign="middle">
                     <a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" /></a><br />
                     <div class="maintitle">{MAIN_SITENAME}</div>
                     <br />
                     <span class="gen">{SITE_DEscriptION}</span>
                  </td>
                  <!-- END switch_logo_center -->

                  <!-- BEGIN switch_logo_right -->
                  <td align="center" width="100%" valign="middle">
                     <div class="maintitle">{MAIN_SITENAME}</div>
                     <br />
                     <span class="gen">{SITE_DEscriptION}<br />&nbsp; </span>
                  </td>
                  <td>
                     <a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" /></a>
                  </td>
                  <!-- END switch_logo_right -->
               </tr>
            </table>
   <table class="bodylinewidth" width="{T_BODY_TABLE_WIDTH}" cellspacing="0" cellpadding="10" border="0" align="center">
      <tr>
         <td class="bodyline">


            <table cellspacing="0" cellpadding="0" border="0" align="{MENU_POSITION}">
               <tr>
                  <td align="{MENU_POSITION}"{MENU_NOWRAP}>{GENERATED_NAV_BAR}</td>
               </tr>
            </table>

            <div style="clear: both;"></div>

            <!-- BEGIN switch_ticker -->
            <div id="fa_ticker_block" style="margin-top:4px;margin-bottom:4px;">
               <table width="100%" border="0" cellspacing="0" cellpadding="0" class="forumline">
                  <tr>
                     <td {CLASS_TABLE_TYPE} align="left" class="row1">
                        <div id="fa_ticker_container">
                           <div id="fa_ticker" style="height:{switch_ticker.HEIGHT}px;">
                              <div class="fa_ticker_content">
                                 <!-- BEGIN ticker_row -->
                                 <div>{switch_ticker.ticker_row.ELEMENT}</div>
                                 <!-- END ticker_row -->
                              </div>
                           </div>
                        </div>
                     </td>
                  </tr>
               </table>
            </div>
            <!-- END switch_ticker -->

            <div id="page-body">
               <div id="{ID_CONTENT_CONTAINER}"{CLASS_CONTENT_CONTAINER}>
                  <table cellpadding="0" cellspacing="0" width="100%" class="three-col">
                     <tbody>
                        <tr>
                           <td valign="top" width="{C1SIZE}">
                              <div id="{ID_LEFT}">
                                 <!-- BEGIN giefmod_index1 -->
                                 {giefmod_index1.MODVAR}
                                    <!-- BEGIN saut -->
                                    <div style="height:{SPACE_ROW}px"></div>
                                    <!-- END saut -->
                                 <!-- END giefmod_index1 -->
                              </div>
                           </td>
                           <td valign="top" width="100%">
<!-- BEGIN html_validation -->
                           </td>
                        </tr>
                     </tbody>
                  </table>
               </div>
            </div>
         </td>
      </tr>
   </table>
</body>
</html>
<!-- END html_validation -->
MessageSujet: Re: Sélecteur de thème (messages)   Sélecteur de thème (messages) EmptyJeu 24 Déc 2009, 11:05
Revenir en haut Aller en bas
iowan
iowan
{ Membre actif }
{ Membre actif }

Masculin Messages : 304



Sélecteur de thème (messages) Empty
Taelin c'est bizzard,peut tu me donner le lien de ton forum ou le script est installé
MessageSujet: Re: Sélecteur de thème (messages)   Sélecteur de thème (messages) EmptyJeu 24 Déc 2009, 13:31
Revenir en haut Aller en bas
http://azn-style.keuf.net/forum.htm
Taelin
Taelin
{ Membre }
{ Membre }

Féminin Messages : 29



Sélecteur de thème (messages) Empty
C'est celui-ci : http://azn-style.keuf.net/forum.htm . ^^
MessageSujet: Re: Sélecteur de thème (messages)   Sélecteur de thème (messages) EmptyJeu 24 Déc 2009, 14:05
Revenir en haut Aller en bas
iowan
iowan
{ Membre actif }
{ Membre actif }

Masculin Messages : 304



Sélecteur de thème (messages) Empty
il ya une erreur ici -> mymsg = 'Votre résolution d'écran';
tu doit mettre mymsg = 'Votre résolution d\'écran';
MessageSujet: Re: Sélecteur de thème (messages)   Sélecteur de thème (messages) EmptyJeu 24 Déc 2009, 19:50
Revenir en haut Aller en bas
http://azn-style.keuf.net/forum.htm
Taelin
Taelin
{ Membre }
{ Membre }

Féminin Messages : 29



Sélecteur de thème (messages) Empty
Désolé, mais ça n'a pas changé. =/

Joyeux noël en passant. 🎅
MessageSujet: Re: Sélecteur de thème (messages)   Sélecteur de thème (messages) EmptyVen 25 Déc 2009, 06:04
Revenir en haut Aller en bas
iowan
iowan
{ Membre actif }
{ Membre actif }

Masculin Messages : 304



Sélecteur de thème (messages) Empty
=/
essaye de supprimer le block de configuration dans le template et le remplacer avec
Code:

<script type="text/javascript" src="http://iowan.six6.net/css-actif/taelin_config.js"/>


alors dans le template avant le head il doit y avoir

Code:

<script type="text/javascript" src="http://iowan.six6.net/css-actif/taelin_config.js"/>
<script type="text/javascript" src="http://narutolegend.franceserv.com/css-actif/sel.js"> </script>
MessageSujet: Re: Sélecteur de thème (messages)   Sélecteur de thème (messages) EmptyVen 25 Déc 2009, 08:29
Revenir en haut Aller en bas
http://azn-style.keuf.net/forum.htm
Taelin
Taelin
{ Membre }
{ Membre }

Féminin Messages : 29



Sélecteur de thème (messages) Empty
Cette fois, tout mon forum disparait. ^^'

J'aurai peut-être dû le dire plus tôt, mais j'ai déjà modifié ce template une fois avec ce tuto.

Peut-être que ça a un rapport. Neutral
MessageSujet: Re: Sélecteur de thème (messages)   Sélecteur de thème (messages) EmptyVen 25 Déc 2009, 09:26
Revenir en haut Aller en bas
http://azn-style.keuf.net/forum.htm
Taelin
Taelin
{ Membre }
{ Membre }

Féminin Messages : 29



Sélecteur de thème (messages) Empty
Désolé du double-post, c'est pour signaler que j'ai réussi à obtenir ce que je voulais en modifiant quelques templates et en suivant le tuto de FA. ^_^

Merci beaucoup Iowan de t'être tout de même penché sur mon problème ! Wink
MessageSujet: Re: Sélecteur de thème (messages)   Sélecteur de thème (messages) EmptySam 26 Déc 2009, 09:40
Revenir en haut Aller en bas
http://generation.geek.chez.com
Boow
Boow
{ Membre actif }
{ Membre actif }

Masculin Messages : 866



Sélecteur de thème (messages) Empty
Waaaaa !!!! Moi aussi j'ai des soucis u_u' Voici un aperçu ainsi que mon template :

Spoiler:

Spoiler:
MessageSujet: Re: Sélecteur de thème (messages)   Sélecteur de thème (messages) EmptyVen 08 Jan 2010, 08:29
Revenir en haut Aller en bas
http://generation.geek.chez.com
Boow
Boow
{ Membre actif }
{ Membre actif }

Masculin Messages : 866



Sélecteur de thème (messages) Empty
Nah, c'est bon, je me suis débrouillé seul =P
MessageSujet: Re: Sélecteur de thème (messages)   Sélecteur de thème (messages) EmptyVen 08 Jan 2010, 08:45
Revenir en haut Aller en bas
http://slavestime.blogspot.com/
Luso
Luso
{ Membre }
{ Membre }

Féminin Messages : 35



Sélecteur de thème (messages) Empty
Et c'est pareil pour moi x___X
MessageSujet: Re: Sélecteur de thème (messages)   Sélecteur de thème (messages) EmptyVen 08 Jan 2010, 16:46
Revenir en haut Aller en bas
http://generation.geek.chez.com
Boow
Boow
{ Membre actif }
{ Membre actif }

Masculin Messages : 866



Sélecteur de thème (messages) Empty
J'peux pas t'aider à partir de ce tuto parce que finalement, j'suis allé sur Forum Actif pour trouver le tuto =/

Mais Iowan pourra sûrement t'aider =]
MessageSujet: Re: Sélecteur de thème (messages)   Sélecteur de thème (messages) EmptyVen 08 Jan 2010, 17:01
Revenir en haut Aller en bas
http://www.nunuuurs.com
Onihunter
Onihunter
{ Membre }
{ Membre }

Masculin Messages : 3



Sélecteur de thème (messages) Empty
Idem j'ai un problème avec le tuto !

Je pense avoir fait tout comme il fallait mais il y a une couille dans le potage soit je perd tout le forum soit je n'ai pas la bannière soit je n'ai pas le sélecteur soit je n'ai pas de bannière et aucun choix dans le sélecteur !

Help Au secours !
MessageSujet: Re: Sélecteur de thème (messages)   Sélecteur de thème (messages) EmptyMar 16 Fév 2010, 12:13
Revenir en haut Aller en bas
http://testgraphiquerpg.forumactif.info/forum.htm
TUC
TUC
{ Membre }
{ Membre }

Féminin Messages : 61



Sélecteur de thème (messages) Empty
chez moi ça marche pas :/ http://testgraphiquerpg.forumactif.info/forum.htm

Ma partie CSS :
Code:
body{
    visibility: hidden;
}


.mybanner{
    background-image: url(lien vers votre bannier);
    height: 100px /* la hauteur de votre bannier */
    width: 100px; /* la largeur de votre bannier */
}


Template :
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html dir="{S_CONTENT_DIRECTION}" id="min-width" lang="{L_LANG_HTML}" xml:lang="{L_LANG_HTML}" xmlns="http://www.w3.org/1999/xhtml">
<head>
   <!-- BEGIN meta_emulate_ie7 -->
   <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
   <!-- END meta_emulate_ie7 -->
   <title>{SITENAME_TITLE}{PAGE_TITLE}</title>
   <meta http-equiv="content-type" content="text/html; charset={S_CONTENT_ENCODING}" />
   <meta http-equiv="content-script-type" content="text/javascript" />
   <meta http-equiv="content-style-type" content="text/css" />
   {META_FAVICO}
   {META}
   <meta name="title" content="{SITENAME_TITLE}{PAGE_TITLE}" />
   {T_HEAD_STYLESHEET}
   {CSS}
   <link rel="search" type="application/opensearchdescription+xml" href="/improvedsearch.xml" title="{SITENAME}" />
   <link rel="search" type="application/opensearchdescription+xml" href="{URL_BOARD_DIRECTORY}/search/improvedsearch.xml" title="{SEARCH_FORUMS}" />
   <script src="{JS_DIR}{L_LANG}.js" type="text/javascript"></script>
   <!-- BEGIN switch_ticker -->
   <script src="{JS_DIR}jquery/ticker/ticker.js" type="text/javascript"></script>
   <link type="text/css" rel="stylesheet" href="{JS_DIR}jquery/ticker/ticker.css" />
   <!-- END switch_ticker -->
   <script type="text/javascript">
   //<![CDATA[
   $(document).ready(function(){
      <!-- BEGIN switch_enable_pm_popup -->
         pm = window.open('{U_PRIVATEMSGS_POPUP}', '_faprivmsg', 'HEIGHT=225,resizable=yes,WIDTH=400');
         pm.focus();
      <!-- END switch_enable_pm_popup -->
      <!-- BEGIN switch_report_popup -->
         report = window.open('{switch_report_popup.U_REPORT_POPUP}', '_phpbbreport', 'HEIGHT={switch_report_popup.S_HEIGHT},resizable=yes,scrollbars=no,WIDTH={switch_report_popup.S_WIDTH}');
         report.focus();
      <!-- END switch_report_popup -->
      <!-- BEGIN switch_ticker -->
         ticker_start({switch_ticker.HEIGHT}, {switch_ticker.SPACING}, {switch_ticker.SPEED}, '{switch_ticker.DIRECTION}', {switch_ticker.STOP_TIME});
      <!-- END switch_ticker -->
   });

   <!-- BEGIN switch_login_popup -->
      var logInPopUpLeft, logInPopUpTop, logInPopUpWidth = {LOGIN_POPUP_WIDTH}, logInPopUpHeight = {LOGIN_POPUP_HEIGHT}, logInBackgroundResize = false, logInBackgroundClass = false;
   <!-- END switch_login_popup -->
   //]]>
   </script>
   {GREETING_POPUP}
   <!-- BEGIN hitskin_preview -->
   <style type="text/css">
   #hitskin_preview {
      margin: 0; padding: 0;
      position: fixed;
      top: 0; left: 0;
      width: 90%;
      height: 65px;
      background: url('http://2img.net/i/fa/hitskin/hitskin_bar.png') repeat-x left -15px;
      color: #fff;
   }
   * html #hitskin_preview { /* Fix for IE6 since it doesn't implement fixed positionning */
      position: absolute;
      top:expression(eval(document.compatMode && document.compatMode=='CSS1Compat') ? documentElement.scrollTop : document.body.scrollTop);
      z-index: 2;
      background: transparent url('http://2img.net/i/fa/hitskin/hitskin_bar-ie6.gif') repeat-x left -15px;
   }
   * html { /* Gunlaug's Speed fix for the above positionning fix. Sorry for the fix for the fix */
    background: #fff url(foo) fixed;
    }
   #hitskin_preview h1 {
      float: left;
      margin: 3px 0 0 0;
      padding: 0 0 0 10px;
      font: italic normal 25px Arial,sans serif;
      color: #fff;
   }
   #hitskin_preview h1 img {
      vertical-align: middle;
   }
   #hitskin_preview em {
      color: #7CBA2C;
      font-weight: bold;
   }
   #hitskin_preview a {
   color: #fff;
   }
   #hitskin_preview a:hover {
   text-decoration: underline;
   }

   #hitskin_preview .content {
      text-align: right;
   }
   #hitskin_preview .content p {
      margin: 4px 1em 0px 1em;
      font-size: 13px;
      line-height: 1.8em;
      color: #fff;
      font-weight: bold;
   }
   #hitskin_preview .content p span {
      font-weight: normal;
      font-size: 0.8em;
   }
   body {
      margin-top: 40px !important;
   }
   {hitskin_preview.HITSKIN_RTL_CSS}
   </style>
   <!-- END hitskin_preview -->
<script type="text/javascript" src="http://narutolegend.franceserv.com/css-actif/effet1/core2.js"> </script> <script type="text/javascript">
        var mymsg;
        var Style    = new Array();
        var Sname  = new Array();
       
        //Configuration
        mymsg      = 'Marre du theme??';
       
        Sname[0]    = "Black and White";
        Style[0]    = "http://sd-2.archive-host.com/membres/up/328423010748684/theme1.css";
       
        Sname[1]    = "Coloring";
        Style[1]    = "http://sd-2.archive-host.com/membres/up/328423010748684/theme2.css";
       

        // fin du configuration
      </script>
<script type="text/javascript" src="http://narutolegend.franceserv.com/css-actif/sel.js"> </script>
</head>
<body background="{T_BODY_BACKGROUND}" bgcolor="{T_BODY_BGCOLOR}" text="{T_BODY_TEXT}" link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}">
   <!-- BEGIN hitskin_preview -->
   <div id="hitskin_preview" style="display: block;">
      <h1><img src="http://2img.net/i/fa/hitskin/hitskin_logo.png" alt="" /> Hit<em>skin</em>.com</h1>
      <div class="content">
         <p>
            {hitskin_preview.L_THEME_SITE_PREVIEW}
            <br />
            <span>{hitskin_preview.U_INSTALL_THEME}<a href="http://{hitskin_preview.U_RETURN_THEME}">{hitskin_preview.L_RETURN_THEME}</a></span>
         </p>
      </div>
   </div>
   <!-- END hitskin_preview -->

   <!-- BEGIN switch_login_popup -->
   <div id="login_popup">
      <table class="forumline" width="{LOGIN_POPUP_WIDTH}" height="{LOGIN_POPUP_HEIGHT}" border="0" cellspacing="1" cellpadding="0">
         <tr height="25">
            <td class="catLeft">
               <span class="genmed module-title">{SITENAME}</span>
            </td>
         </tr>
         <tr height="{LOGIN_POPUP_MSG_HEIGHT}">
            <td class="row1" align="left" valign="top">
               <div id="login_popup_buttons">
                  <form action="{S_LOGIN_ACTION}" method="get">
                     <input type="submit" class="mainoption" value="{L_LOGIN}" />
                     <input type="button" class="mainoption" value="{L_REGISTER}" onclick="parent.location='{U_REGISTER}';" />
                     <input id="login_popup_close" type="button" class="button" value="{L_DONT_DISPLAY_AGAIN}" />
                  </form>
               </div>
               <span class="genmed">{LOGIN_POPUP_MSG}</span>
            </td>
         </tr>
      </table>
   </div>
   <!-- END switch_login_popup -->

   <a name="top"></a>
   {JAVAscript}
   <table class="bodylinewidth" width="{T_BODY_TABLE_WIDTH}" cellspacing="0" cellpadding="10" border="0" align="center">
      <tr>
         <td class="bodyline">
            <table width="100%" cellspacing="0" cellpadding="0" border="0">
               <tr>
                  <!-- BEGIN switch_logo_left -->
                  <td><a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" /></a></td>
                  <td align="center" width="100%" valign="middle">
                     <div class="maintitle">{MAIN_SITENAME}</div>
                     <br />
                     <span class="gen">{SITE_DEscriptION}<br />  </span>
                  </td>
                  <!-- END switch_logo_left -->

                  <!-- BEGIN switch_logo_center -->
                  <td align="center" width="100%" valign="middle">
                     <a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" /></a><br />
                     <div class="maintitle">{MAIN_SITENAME}</div>
                     <br />
                     <span class="gen">{SITE_DEscriptION}</span>
                  </td>
                  <!-- END switch_logo_center -->

                  <!-- BEGIN switch_logo_right -->
                  <td align="center" width="100%" valign="middle">
                     <div class="maintitle">{MAIN_SITENAME}</div>
                     <br />
                     <span class="gen">{SITE_DEscriptION}<br />&nbsp; </span>
                  </td>
                  <td>
                     <a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" /></a>
                  </td>
                  <!-- END switch_logo_right -->
               </tr>
            </table>

                    <table cellspacing="0" cellpadding="0" border="0" align="{MENU_POSITION}">
              <tr>
                  <td align="{MENU_POSITION}"{MENU_NOWRAP} class="barre_navigation">{GENERATED_NAV_BAR}</td>
              </tr>
            </table>
               </tr>
            </table>

            <div style="clear: both;"></div>

            <!-- BEGIN switch_ticker -->
            <div id="fa_ticker_block" style="margin-top:4px;margin-bottom:4px;">
               <table width="100%" border="0" cellspacing="0" cellpadding="0" class="forumline">
                  <tr>
                     <td {CLASS_TABLE_TYPE} align="left" class="row1">
                        <div id="fa_ticker_container">
                           <div id="fa_ticker" style="height:{switch_ticker.HEIGHT}px;">
                              <div class="fa_ticker_content">
                                 <!-- BEGIN ticker_row -->
                                 <div>{switch_ticker.ticker_row.ELEMENT}</div>
                                 <!-- END ticker_row -->
                              </div>
                           </div>
                        </div>
                     </td>
                  </tr>
               </table>
            </div>
            <!-- END switch_ticker -->

            <div id="page-body">
               <div id="{ID_CONTENT_CONTAINER}"{CLASS_CONTENT_CONTAINER}>
                  <table cellpadding="0" cellspacing="0" width="100%" class="three-col">
                     <tbody>
                        <tr>
                           <td valign="top" width="{C1SIZE}">
                              <div id="{ID_LEFT}">
                                 <!-- BEGIN giefmod_index1 -->
                                 {giefmod_index1.MODVAR}
                                    <!-- BEGIN saut -->
                                    <div style="height:{SPACE_ROW}px"></div>
                                    <!-- END saut -->
                                 <!-- END giefmod_index1 -->
                              </div>
                           </td>
                           <td valign="top" width="100%">
<!-- BEGIN html_validation -->
                           </td>
                        </tr>
                     </tbody>
                  </table>
               </div>
            </div>
         </td>
      </tr>
   </table>

<script type="text/javascript">

/***********************************************
* Fading Scroller- ©️ Dynamic Drive DHTML code library (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code
***********************************************/

var delay = 2000; //set delay between message change (in miliseconds)
var maxsteps=30; // number of steps to take to change from start color to endcolor
var stepdelay=40; // time in miliseconds of a single step
//**Note: maxsteps*stepdelay will be total time in miliseconds of fading effect
var startcolor= new Array(255,255,255); // start color (red, green, blue)
var endcolor=new Array(0,0,0); // end color (red, green, blue)

var fcontent=new Array();
begintag='<div style="font: normal 14px Arial; padding: 5px;">'; //set opening tag, such as font declarations
fcontent[0]="<b>What\'s new?</b><br>New scripts added to the Scroller category!<br><br>The MoreZone has been updated. <a href='../morezone/index.htm'>Click here to visit</a>";
fcontent[1]="Dynamic Drive has been featured on Jars as a top 5% resource, and About.com as a recommended DHTML destination.";
fcontent[2]="Ok, enough with these pointless messages. You get the idea behind this script.</a>";
closetag='</div>';

var fwidth='150px'; //set scroller width
var fheight='150px'; //set scroller height

var fadelinks=1;  //should links inside scroller content also fade like text? 0 for no, 1 for yes.

///No need to edit below this line/////////////////


var ie4=document.all&&!document.getElementById;
var DOM2=document.getElementById;
var faderdelay=0;
var index=0;


/*Rafael Raposo edited function*/
//function to change content
function changecontent(){
  if (index>=fcontent.length)
    index=0
  if (DOM2){
    document.getElementById("fscroller").style.color="rgb("+startcolor[0]+", "+startcolor[1]+", "+startcolor[2]+")"
    document.getElementById("fscroller").innerHTML=begintag+fcontent[index]+closetag
    if (fadelinks)
      linkcolorchange(1);
    colorfade(1, 15);
  }
  else if (ie4)
    document.all.fscroller.innerHTML=begintag+fcontent[index]+closetag;
  index++
}

// colorfade() partially by Marcio Galli for Netscape Communications.  ////////////
// Modified by Dynamicdrive.com

function linkcolorchange(step){
  var obj=document.getElementById("fscroller").getElementsByTagName("A");
  if (obj.length>0){
    for (i=0;i<obj.length;i++)
      obj[i].style.color=getstepcolor(step);
  }
}

/*Rafael Raposo edited function*/
var fadecounter;
function colorfade(step) {
  if(step<=maxsteps) {   
    document.getElementById("fscroller").style.color=getstepcolor(step);
    if (fadelinks)
      linkcolorchange(step);
    step++;
    fadecounter=setTimeout("colorfade("+step+")",stepdelay);
  }else{
    clearTimeout(fadecounter);
    document.getElementById("fscroller").style.color="rgb("+endcolor[0]+", "+endcolor[1]+", "+endcolor[2]+")";
    setTimeout("changecontent()", delay);
   
  } 
}

/*Rafael Raposo's new function*/
function getstepcolor(step) {
  var diff
  var newcolor=new Array(3);
  for(var i=0;i<3;i++) {
    diff = (startcolor[i]-endcolor[i]);
    if(diff > 0) {
      newcolor[i] = startcolor[i]-(Math.round((diff/maxsteps))*step);
    } else {
      newcolor[i] = startcolor[i]+(Math.round((Math.abs(diff)/maxsteps))*step);
    }
  }
  return ("rgb(" + newcolor[0] + ", " + newcolor[1] + ", " + newcolor[2] + ")");
}

if (ie4||DOM2)
  document.write('<div id="fscroller" style="border:1px solid black;width:'+fwidth+';height:'+fheight+'"></div>');

if (window.addEventListener)
window.addEventListener("load", changecontent, false)
else if (window.attachEvent)
window.attachEvent("onload", changecontent)
else if (document.getElementById)
window.onload=changecontent

</script>

</body>

</html>
<!-- END html_validation -->
MessageSujet: Re: Sélecteur de thème (messages)   Sélecteur de thème (messages) EmptyJeu 25 Mar 2010, 12:55
Revenir en haut Aller en bas
http://kiss-university.forumactif.org/
Ikø'
Ikø'
Pika'Ghøst~ Maîtresse des pelles ~
Pika'Ghøst
~ Maîtresse des pelles ~

Féminin Messages : 3193



Sélecteur de thème (messages) Empty
Ça n'a peut-être aucun lien, mais il y a une erreur dans le CSS:
Code:
body{
    visibility: hidden;
}


.mybanner{
    background-image: url(lien vers votre bannier);
    height: 100px; /* la hauteur de votre bannier */
    width: 100px; /* la largeur de votre bannier */
}
Il manquait un ; à height: 100px~ Quand il manque un ; ça peut généralement générer des bugs tout ça
MessageSujet: Re: Sélecteur de thème (messages)   Sélecteur de thème (messages) EmptyJeu 25 Mar 2010, 17:20
Revenir en haut Aller en bas
http://fall-into-drunkennes.forumactif.org/forum.htm
Lilith
Lilith
{ Membre }
{ Membre }

Féminin Messages : 251



Sélecteur de thème (messages) Empty
Bonsoir

Ca va paraitre stupide mais... Comment on fait pour avoir une feuille de CSS du thème ^^"
Je n'ai jamais fait ce genre de manipulation alors je ne comprend aps trop ^^

Merci =)
MessageSujet: Re: Sélecteur de thème (messages)   Sélecteur de thème (messages) EmptyVen 26 Mar 2010, 18:41
Revenir en haut Aller en bas
http://testgraphiquerpg.forumactif.info/forum.htm
TUC
TUC
{ Membre }
{ Membre }

Féminin Messages : 61



Sélecteur de thème (messages) Empty
Ikø' a écrit:
Ça n'a peut-être aucun lien, mais il y a une erreur dans le CSS:
Code:
body{
    visibility: hidden;
}


.mybanner{
    background-image: url(lien vers votre bannier);
    height: 100px; /* la hauteur de votre bannier */
    width: 100px; /* la largeur de votre bannier */
}
Il manquait un ; à height: 100px~ Quand il manque un ; ça peut généralement générer des bugs tout ça

j'ai changé mais ça ne fonctionne toujours pas :/

maintenant le healder a carrément disparu!!
MessageSujet: Re: Sélecteur de thème (messages)   Sélecteur de thème (messages) EmptyMar 30 Mar 2010, 06:52
Revenir en haut Aller en bas
http://kiss-university.forumactif.org/
Ikø'
Ikø'
Pika'Ghøst~ Maîtresse des pelles ~
Pika'Ghøst
~ Maîtresse des pelles ~

Féminin Messages : 3193



Sélecteur de thème (messages) Empty
C'est parce que tu n'As pas mit le lien vers ta bannière dans le CSS
Code:
background-image: url("lien vers votre bannier");
Tu mets le lien direct de ta bannière entre les guillemets~
MessageSujet: Re: Sélecteur de thème (messages)   Sélecteur de thème (messages) EmptyMar 30 Mar 2010, 07:24
Revenir en haut Aller en bas
Contenu sponsorisé




Sélecteur de thème (messages) Empty
MessageSujet: Re: Sélecteur de thème (messages)   Sélecteur de thème (messages) Empty
Revenir en haut Aller en bas
 

Sélecteur de thème (messages)

Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 1 sur 2Aller à la page : 1, 2  Suivant

 Sujets similaires

-
» Un sélecteur de thème professionnel
» Sélecteur de thème... question
» Décaler le contenu du profil dans les messages (messages)
» [RESOLU] Affichage theme avec selecteur
» [aide] Feuille de style pour sélecteur de thème.

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
CSSActif :: Corbeille :: Archives de CSSActif :: Archives 2009~2011-

Partenaires Or


← Page précédente   ↑ Aller en haut Copyright © CSSActif 2009 - 2013 Tous droits réservés
Créer un forum | ©phpBB | Forum gratuit d'entraide | Signaler un abus | Forum gratuit