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.

-30%
Le deal à ne pas rater :
SSD interne 2To Lexar Play (avec dissipateur thermique, idéal pour ...
139.99 € 199.99 €
Voir le deal

    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

    ClaryF
    ClaryF
    FémininAge : 34Messages : 138

    Dim 16 Nov 2014 - 18:16

    Merci !
    Lutine
    Lutine
    FémininAge : 37Messages : 102

    Lun 17 Nov 2014 - 12:03

    Merci!
    Suika
    Suika
    FémininAge : 30Messages : 30

    Lun 17 Nov 2014 - 13:36

    merci!
    Crowley
    Crowley
    FémininAge : 28Messages : 68

    Mer 19 Nov 2014 - 12:42

    J'aime beaucoup, merci :)
    Depp
    Depp
    FémininAge : 33Messages : 301

    Jeu 20 Nov 2014 - 18:34

    Merci :)



    Catégories Pink & Gray - Page 4 Tumblr_nenygwIlcz1s4u464o1_500
    Nevr0z
    Nevr0z
    FémininAge : 36Messages : 74

    Sam 22 Nov 2014 - 19:44

    Merci :)
    Foxe
    Foxe
    FémininAge : 24Messages : 122

    Sam 22 Nov 2014 - 21:29

    merci



    Catégories Pink & Gray - Page 4 Wet_ha10
    Demily
    Demily
    FémininAge : 38Messages : 52

    Mar 25 Nov 2014 - 8:24

    Très joli. Merci beaucoup du partage
    pyka
    pyka
    FémininAge : 32Messages : 3

    Dim 30 Nov 2014 - 21:11

    Merci A-lice tres beau codage
    Sensatiion
    Sensatiion
    FémininAge : 33Messages : 15

    Lun 1 Déc 2014 - 0:13

    joli :)
    Pudding Morphina
    Pudding Morphina
    FémininAge : 30Messages : 28

    Mar 2 Déc 2014 - 17:01

    Très beau *_*
    Edana
    Edana
    FémininAge : 34Messages : 173

    Jeu 4 Déc 2014 - 14:26

    Merci beaucoup! =D
    cali60
    cali60
    FémininAge : 39Messages : 58

    Ven 5 Déc 2014 - 16:05

    merci :)
    Hyuna
    Hyuna
    FémininAge : 27Messages : 98

    Sam 6 Déc 2014 - 20:03

    merci
    TomG24
    TomG24
    MasculinAge : 27Messages : 30

    Dim 7 Déc 2014 - 1:51

    merci :)
    sayedn73
    sayedn73
    MasculinAge : 51Messages : 17

    Dim 7 Déc 2014 - 5:54

    Thank you
    Saphire
    Saphire
    FémininAge : 27Messages : 146

    Dim 7 Déc 2014 - 10:17

    joli
    merci !
    Stitch56
    Stitch56
    FémininAge : 31Messages : 209

    Lun 8 Déc 2014 - 12:10

    Merci ♥
    Alondite
    Alondite
    FémininAge : 33Messages : 40

    Mer 10 Déc 2014 - 16:00

    merci du partage.
    Solitude
    Solitude
    FémininAge : 49Messages : 294

    Sam 13 Déc 2014 - 16:02

    Merci



    ~ Je suis capable du meilleur comme du pire, mais dans le pire c'est moi la meilleure. ~
    Catégories Pink & Gray - Page 4 Sign510
    Spitfire
    Spitfire
    FémininAge : 30Messages : 55

    Sam 13 Déc 2014 - 16:16

    Merci A-lice, elles sont adorables ces catégories ! ♥
    Afterglow
    Afterglow
    FémininAge : 29Messages : 138

    Sam 13 Déc 2014 - 17:30

    Très jolie :heart:



    How do you get up from an all time low?
    kreou
    kreou
    FémininAge : 34Messages : 50

    Sam 13 Déc 2014 - 18:22

    Merci beaucoup à toi pour le partage :)
    Lisou
    Lisou
    FémininAge : 24Messages : 351

    Dim 14 Déc 2014 - 12:21

    Merci ♥
    James K. Lindley
    James K. Lindley
    MasculinAge : 33Messages : 46

    Mar 16 Déc 2014 - 18:17

    merci du partage !
    Contenu sponsorisé


      La date/heure actuelle est Ven 13 Déc 2024 - 16:02