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 : -60%
OtterBox – Batterie externe avec chargement sans ...
Voir le deal
19.99 €

    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

    Neymar
    Neymar
    MasculinAge : 26Messages : 139

    Dim 1 Mar 2015 - 11:57

    Hawnsome !
    chabus
    chabus
    FémininAge : 31Messages : 21

    Dim 1 Mar 2015 - 15:26

    Merci
    Théine
    Théine
    MasculinAge : 44Messages : 24

    Dim 8 Mar 2015 - 19:59

    merci!
    Anonymous
    Invité

    Lun 9 Mar 2015 - 11:25

    Merci !
    Selmacke
    Selmacke
    FémininAge : 34Messages : 100

    Mar 10 Mar 2015 - 14:48

    C'est super jolie je tente !
    Badabulle
    Badabulle
    FémininAge : 33Messages : 25

    Mar 10 Mar 2015 - 16:51

    joli !
    Didi1991
    Didi1991
    FémininAge : 33Messages : 29

    Jeu 19 Mar 2015 - 15:55

    Très jolie =p
    Iliass
    Iliass
    MasculinAge : 33Messages : 24

    Jeu 19 Mar 2015 - 16:54

    merci
    Lamire
    Lamire
    FémininAge : 31Messages : 96

    Dim 22 Mar 2015 - 23:27

    Merci beaucoup pour ses jolies catégories~
    Foudry
    Foudry
    MasculinAge : 24Messages : 31

    Lun 30 Mar 2015 - 19:24

    Superbe, merci ♥
    Anonymous
    Invité

    Mar 31 Mar 2015 - 8:07

    Merci du partage !
    double-face
    double-face
    FémininAge : 34Messages : 18

    Jeu 2 Avr 2015 - 21:06

    merci !!
    Misery Mind™
    Misery Mind™
    FémininAge : 33Messages : 153

    Dim 5 Avr 2015 - 17:07

    Merci !



    Pretycherie1999
    Pretycherie1999
    FémininAge : 25Messages : 11

    Mar 7 Avr 2015 - 12:47

    merci !
    Amacky
    Amacky
    FémininAge : 32Messages : 135

    Mar 7 Avr 2015 - 13:43

    Super joli merciiiiiiii :)
    Grande
    Grande
    FémininAge : 36Messages : 207

    Jeu 9 Avr 2015 - 1:38

    Merci =D



    Catégories Pink & Gray - Page 6 171074gwenj10
    Risa
    Risa
    FémininAge : 36Messages : 264

    Lun 13 Avr 2015 - 2:05

    C'est trop joli. Merci du partage
    Eirlys
    Eirlys
    FémininAge : 32Messages : 66

    Sam 18 Avr 2015 - 14:31

    Merci
    destanee
    destanee
    FémininAge : 38Messages : 43

    Mer 22 Avr 2015 - 14:42

    Merci
    surrender
    surrender
    FémininAge : 28Messages : 18

    Mer 22 Avr 2015 - 22:55

    merci !
    Harleen Quinzel
    Harleen Quinzel
    FémininAge : 28Messages : 65

    Sam 9 Mai 2015 - 17:19

    Merci !
    Toya
    Toya
    FémininAge : 28Messages : 35

    Sam 9 Mai 2015 - 19:50

    Merci !
    Aine Michiyo
    Aine Michiyo
    FémininAge : 29Messages : 27

    Lun 11 Mai 2015 - 15:14

    Merci beaucoup ~
    lΔω
    lΔω
    FémininAge : 26Messages : 105

    Sam 23 Mai 2015 - 10:47

    merci
    Doku
    Doku
    FémininAge : 29Messages : 70

    Jeu 28 Mai 2015 - 12:51

    Merci du partage !!
    Contenu sponsorisé


      La date/heure actuelle est Ven 13 Déc 2024 - 23:22