AccueilDernières imagesRechercherS'enregistrerConnexion

Forum de graphisme, codage et game design proposant des tutoriels, astuces, libres services et commandes dans les domaines de l'infographie amateur, de l'intégration web (HTML et CSS essentiellement) ainsi que dans la conception de RPG sur forum.

Le Deal du moment : -13%
APPLE AirPods 4 2024 à 129€ (119€ ...
Voir le deal
129 €

    Catégories Pink & Gray

    A-Lice
    A-Lice
    FémininAge : 30Messages : 4939

    Sam 19 Juil 2014 - 3:47

    Rappel du premier message :



    Catégories Pink & Gray


    Suite à une demande de Javarakita voici des catégories Pink & Gray.

    Je précise que l'arrière plan beige correspond à mon forum.

    HTML & CSS ~ Voici donc un aperçu : www ~ Version : PhpBB2


    Précision : La taille des images news/no news/lock doit faire 150px par 50px.

    Et le code :
    HTML :
    Code:
    <link href='http://fonts.googleapis.com/css?family=Playball' rel='stylesheet' type='text/css'>
      <table width="100%" border="0" cellspacing="1" cellpadding="0" align="center">
       <tr>
          <td valign="bottom">
             <!-- BEGIN switch_user_logged_in -->
             <span class="gensmall">{LAST_VISIT_DATE}<br />
             {CURRENT_TIME}<br />
             </span>
             <!-- END switch_user_logged_in -->
             <div class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC}</div>
          </td>
          <td class="gensmall" align="right" valign="bottom">
             <!-- BEGIN switch_user_logged_in -->
             <a class="gensmall" href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a><br />
             <a class="gensmall" href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a><br />
             <!-- END switch_user_logged_in -->
             <a class="gensmall" href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a>
          </td>
       </tr>
    </table>
    <!-- BEGIN catrow --><!-- BEGIN tablehead --><table class="forumline" width="100%" border="0" cellspacing="0" cellpadding="0">
    <th colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="100%" class="secondarytitle"> {catrow.tablehead.L_FORUM} </th>   
    <th nowrap="nowrap" width="150"><div style="width:150px;"> </div></th><!-- END tablehead -->
       <!-- BEGIN cathead -->
       <tr>
          <!-- BEGIN inc -->
          <td class="{catrow.cathead.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
          <!-- END inc -->
          <td class="{catrow.cathead.CLASS_CAT}" colspan="{catrow.cathead.INC_SPAN}" width="100%">
                <span class="cattitle">
                   <a class="cattitle" title="{catrow.cathead.CAT_DESC}" href="{catrow.cathead.U_VIEWCAT}">{catrow.cathead.CAT_TITLE}</a>
                </span>
          </td>
          <td class="{catrow.cathead.CLASS_ROWPIC}" colspan="3" align="right">&nbsp;</td>
       </tr>
       <!-- END cathead -->
       <!-- BEGIN forumrow -->
       <tr>
          <!-- BEGIN inc -->
          <td class="{catrow.forumrow.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" alt="." /></td>
          <!-- END inc -->
              <td class="{catrow.forumrow.INC_CLASS}" align="center"><br/>
                <img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" style="margin-top:7px;" />
                      <div class="cat_gauche"><span class="gensmall">{catrow.forumrow.TOPICS} sujets | {catrow.forumrow.POSTS} messages</span><br/>
             <span class="gensmall">{catrow.forumrow.LAST_POST}</span>
                      </div></td>
          <td class="row1 over" colspan="{catrow.forumrow.INC_SPAN}" valign="top" width="100%" height="50">
                      <span class="nom_cat">
                   <a class="nom_cat" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a><br />
                </span>
                      <span class="cat_desc">{catrow.forumrow.FORUM_DESC}</span>
          </td>
          <td class="row3" align="center" valign="middle" height="50">
                      <span class="cat_droite_conteneur"><div class="cat_droite_contenu" id="sousForums"><span class="gensmall2">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</span></div></span>
                        <script type="text/javascript">
      <!--
                          jQuery('#sousForums').html(jQuery('#sousForums').html().replace(/, /g,'<br />')).removeAttr('id');
      jQuery(document).ready(function(){
        jQuery('a.gensmall').each(function (){
        var texte = jQuery(this).attr('title') ;
        if(texte){
        texte = texte.replace(/\<\/a\>/gi, '').replace(/\<br \/\>/gi, '').replace(/\<br >/gi, '');
        jQuery(this).attr('title', texte);
        }
        });
      });
      //-->
      </script>
          </td>
       </tr>
       <!-- END forumrow -->
       <!-- BEGIN catfoot -->
       <tr>
          <!-- BEGIN inc -->
          <td class="{catrow.catfoot.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
          <!-- END inc -->
          <td class="spaceRow" colspan="{catrow.catfoot.INC_SPAN}" height="1"><img src="{SPACER}" alt="" height="1" width="1" /></td>
       </tr>
       <!-- END catfoot -->
       <!-- BEGIN tablefoot -->
    </table><img src="{SPACER}" alt="" height="5" width="1" /><!-- END tablefoot --><!-- END catrow -->


    CSS :
    Code:
    .secondarytitle {
      text-align:left !important;
      font-family: 'Playball', cursive;
    }
    .cat_gauche {
    font-size:12px;
    background-color:WhiteSmoke;
    padding:5px;
    margin-top:9px;
    width:140px;
    }

    .nom_cat {
    font-size:20px;
    font-weight:bold;
    font-family: 'Playball', cursive;
    transition:1s;
    transition-delay: -0.1s;
    }

    .nom_cat:hover {
    font-size:20px;
    font-weight:bold;
    font-family: 'Playball', cursive;
    letter-spacing:5px;
    transition:1s;
    }

    .cat_desc {
    height:105px;
    overflow:auto;
    display:block;
    text-align:justify;
    font-size:12px;
    background-color:WhiteSmoke;
    padding:10px;
    }

    .cat_droite_conteneur {
    margin-top:25px;
    height:105px;
    overflow:auto;
    display:block;
    text-align:justify;
    background-color:WhiteSmoke;
    padding:10px;
    }

    .cat_droite_contenu {
    background-color:pink;
    padding:3px;
    width:124px;
    margin:auto; 
    font-family: 'Playball', cursive;
    font-size:18px;
    }

    .gensmall2 a {
      font-size:18px !important;
    }

    La suite de l'ensemble se trouve ici :


    PA Pink & Gray
    Catégories
    Qeel

    Un petit merci ou commentaire est toujours le bienvenu ^^
    - Mettre/laisser un crédit vers Never-Utopia est obligatoire.
    - Si vous avez des problèmes avec ce LS ou des questions, venez poster ici.


    Dernière édition par A-Lice le Lun 16 Fév 2015 - 21:13, édité 1 fois

    Choupy
    Choupy
    FémininAge : 31Messages : 8

    Sam 9 Jan 2016 - 21:58

    Mercii
    reshiram44
    reshiram44
    MasculinAge : 26Messages : 380

    Sam 16 Jan 2016 - 23:08

    thanks



    Heah92
    Heah92
    FémininAge : 26Messages : 89

    Mar 26 Jan 2016 - 19:19

    mercii
    Strawy
    Strawy
    FémininAge : 27Messages : 38

    Mer 27 Jan 2016 - 16:12

    Merci !



    Catégories Pink & Gray - Page 9 435141StrawyKit2Signa
    Prince Of Spades
    Prince Of Spades
    MasculinAge : 31Messages : 50

    Jeu 28 Jan 2016 - 19:04

    Merci o/
    Ju08
    Ju08
    FémininAge : 35Messages : 26

    Jeu 28 Jan 2016 - 22:19

    Merci =)
    Presley♥Cash
    Presley♥Cash
    FémininAge : 33Messages : 80

    Ven 29 Jan 2016 - 19:20

    J'aime beaucoup merci ♥
    Nartiifiice
    Nartiifiice
    FémininAge : 26Messages : 88

    Sam 30 Jan 2016 - 20:00

    thanks
    Lunatic Café
    Lunatic Café
    FémininAge : 33Messages : 27

    Jeu 18 Fév 2016 - 3:54

    Sympa le codage! Merci du partage! ^^
    megb59
    megb59
    FémininAge : 30Messages : 111

    Jeu 18 Fév 2016 - 18:27

    Il est très beau! Meerci de l'avoir fait!
    Shide
    Shide
    FémininAge : 35Messages : 60

    Dim 21 Fév 2016 - 15:21

    merci :)
    Trimens
    Trimens
    FémininAge : 26Messages : 38

    Lun 22 Fév 2016 - 10:42

    Merci ! ♥
    SweetieBay
    SweetieBay
    FémininAge : 32Messages : 146

    Mer 24 Fév 2016 - 5:39

    merci à toi d'avoir partagé.
    wiise
    wiise
    FémininAge : 31Messages : 50

    Mer 24 Fév 2016 - 15:50

    Très jolie merci *w*



    Catégories Pink & Gray - Page 9 140051NUban
    Yuee
    Yuee
    FémininAge : 30Messages : 77

    Mar 15 Mar 2016 - 14:52

    Merciii, très beau ! **
    Milou
    Milou
    FémininAge : 25Messages : 163

    Mar 15 Mar 2016 - 18:28

    Merci :)



    Catégories Pink & Gray - Page 9 693002signa
    Margaux E.
    Margaux E.
    FémininAge : 21Messages : 25

    Sam 2 Avr 2016 - 13:21

    Pink & gray = Je love :)
    Merci du partage !
    Pastelryxx
    Pastelryxx
    FémininAge : 28Messages : 8

    Sam 9 Avr 2016 - 16:06

    mercii
    marie-noelle
    marie-noelle
    FémininAge : 67Messages : 112

    Lun 9 Mai 2016 - 0:46

    merci
    Hana Evali
    Hana Evali
    FémininAge : 34Messages : 195

    Lun 16 Mai 2016 - 21:27

    merci !



    Catégories Pink & Gray - Page 9 Ye49
    Girly
    Girly
    FémininAge : 27Messages : 116

    Dim 12 Juin 2016 - 18:36

    merci
    Neilia
    Neilia
    FémininAge : 33Messages : 101

    Mar 14 Juin 2016 - 14:45

    Merchiiiiii c est superbe ! ♥
    Anonymous
    Invité

    Mer 13 Juil 2016 - 19:47

    Merci !
    Jay K.
    Jay K.
    MasculinAge : 33Messages : 23

    Dim 17 Juil 2016 - 19:27

    Merci du partage ! :)
    ArcadeFire
    ArcadeFire
    FémininAge : 30Messages : 13

    Mer 20 Juil 2016 - 10:48

    Merci :)
    Contenu sponsorisé


      La date/heure actuelle est Ven 13 Déc 2024 - 15:46