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 :
SSD interne Crucial BX500 2,5″ SATA – 500 ...
Voir le deal
29.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

    Sneakazuha
    Sneakazuha
    FémininAge : 28Messages : 34

    Ven 29 Mai 2015 - 20:17

    Merci beaucoup o/ Ce sera credité !
    Cruelly
    Cruelly
    FémininAge : 31Messages : 2605

    Sam 30 Mai 2015 - 5:52

    merci ^^



    :heart: :heart:
    Foudry
    Foudry
    MasculinAge : 24Messages : 31

    Lun 8 Juin 2015 - 21:05

    Classe, merci °^°
    Eden.
    Eden.
    FémininAge : 32Messages : 201

    Mar 9 Juin 2015 - 12:02

    Merci !!
    Ju' de fruits
    Ju' de fruits
    FémininAge : 31Messages : 82

    Lun 15 Juin 2015 - 12:49

    Merci beaucoup !



    Carlotta Besascar
    Carlotta Besascar
    FémininAge : 24Messages : 26

    Lun 15 Juin 2015 - 20:03

    J'aime beaucoup je trouve ça simple et original bravo ^^ :)
    missmarie
    missmarie
    FémininAge : 33Messages : 24

    Dim 21 Juin 2015 - 16:57

    merci ça fait un effet plutôt sympathique ~
    Anonymous
    Invité

    Lun 22 Juin 2015 - 13:45

    Merci ! :gentleman:
    Neko Mimi
    Neko Mimi
    FémininAge : 34Messages : 165

    Mer 1 Juil 2015 - 13:11

    J'aime beaucoup ♥



    Catégories Pink & Gray - Page 7 Tumblr_me5uxaCZuJ1qj73e2o1_500
    Little-Dream
    Little-Dream
    FémininAge : 25Messages : 27

    Lun 6 Juil 2015 - 11:23

    Splendide, merci *-*
    Mayendris
    Mayendris
    MasculinAge : 32Messages : 31

    Sam 18 Juil 2015 - 18:23

    Merci, c'est exactement ce que je voulais ~
    BlueGhost
    BlueGhost
    MasculinAge : 23Messages : 138

    Sam 18 Juil 2015 - 21:51

    Merci à toi Very Happy



    Catégories Pink & Gray - Page 7 1476882517-signa

    ~ Upupupu... je ne suis pas une peluche, je suis Monokuma ! ~
    Danganronpaaa ♥
    Twizzle
    Twizzle
    FémininAge : 27Messages : 79

    Lun 27 Juil 2015 - 17:30

    Merci : )




    ω Love, it will get you nowhere, you are on your own, lost in the wild. So come to me now, I could use someone like you, someone who'll kill on my command, and asks no questions. I'm gonna make you, I'm gonna break you, I'm gonna make you, a fucking psycho !
    Whit
    Whit
    FémininAge : 27Messages : 154

    Mer 29 Juil 2015 - 11:23

    Merci ! =3
    Nighthayah
    Nighthayah
    FémininAge : 37Messages : 69

    Mer 29 Juil 2015 - 16:54

    merci beaucoup miss
    Missy 26
    Missy 26
    FémininAge : 35Messages : 60

    Jeu 30 Juil 2015 - 15:48

    Merci :)
    Err0r
    Err0r
    FémininAge : 31Messages : 134

    Sam 1 Aoû 2015 - 14:04

    je pique :3



    Catégories Pink & Gray - Page 7 150519095409324327
    Lusso
    Lusso
    MasculinAge : 27Messages : 36

    Sam 1 Aoû 2015 - 15:16

    Merci !
    Istina
    Istina
    FémininAge : 30Messages : 111

    Lun 3 Aoû 2015 - 20:41

    Merci ♥
    Anonymous
    Invité

    Lun 3 Aoû 2015 - 22:46

    Merci ( ̄ー ̄)
    mon-etoile
    mon-etoile
    FémininAge : 36Messages : 140

    Mar 11 Aoû 2015 - 12:11

    Merci :)
    Little-myrt
    Little-myrt
    FémininAge : 26Messages : 41

    Ven 14 Aoû 2015 - 6:16

    merci ham1
    Annaliese
    Annaliese
    FémininAge : 26Messages : 12

    Jeu 20 Aoû 2015 - 10:52

    Merci ~



    petit lu
    petit lu
    FémininAge : 32Messages : 184

    Jeu 20 Aoû 2015 - 11:00

    Merci du partage ♥
    avatar
    Catblack
    FémininAge : 28Messages : 85

    Jeu 20 Aoû 2015 - 11:32

    merci
    Contenu sponsorisé


      La date/heure actuelle est Ven 22 Nov 2024 - 0:34