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 : -68%
-68% Bougie Bijou à 12,90€ ...
Voir le deal
12.90 €

    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

    Valou712
    Valou712
    FémininAge : 41Messages : 23

    Jeu 21 Juil 2016 - 8:28

    J'adore !! Merci !!
    roar scream
    roar scream
    FémininAge : 29Messages : 18

    Sam 30 Juil 2016 - 17:28

    merci beaucoup :heart: :heart:
    avatar
    céleste callisto
    FémininAge : 33Messages : 55

    Dim 31 Juil 2016 - 13:09

    Merci :)
    Kitket
    Kitket
    FémininAge : 41Messages : 106

    Ven 5 Aoû 2016 - 9:16

    merci
    shiranui
    shiranui
    MasculinAge : 26Messages : 14

    Dim 7 Aoû 2016 - 16:02

    merci :heart:
    BADASS BEARD.
    BADASS BEARD.
    FémininAge : 31Messages : 10

    Lun 8 Aoû 2016 - 16:48

    C'est juste magnifique ! :aww:
    PrincesseÔ
    PrincesseÔ
    FémininAge : 27Messages : 220

    Mar 20 Sep 2016 - 15:21

    J'aime beaucoup!
    Merci pour ce partage :3
    noksye
    noksye
    FémininAge : 33Messages : 53

    Sam 24 Sep 2016 - 23:45

    Merci !
    Discorde
    Discorde
    FémininAge : 24Messages : 63

    Sam 22 Oct 2016 - 18:39

    Thanks !



    Recherche d'avatar ! Ça se passe ici : www
    Bryan1997
    Bryan1997
    MasculinAge : 27Messages : 51

    Mer 26 Oct 2016 - 11:12

    Merci
    Anonymous
    Invité

    Dim 30 Oct 2016 - 14:56

    merci :)
    Rebekaah
    Rebekaah
    FémininAge : 29Messages : 51

    Mar 1 Nov 2016 - 20:28

    J'adore !
    Idylle
    Idylle
    FémininAge : 34Messages : 33

    Lun 7 Nov 2016 - 16:38

    Trop meugnon ! Merci c:
    Sakura Sinister
    Sakura Sinister
    FémininAge : 38Messages : 35

    Mar 24 Jan 2017 - 10:40

    Merci Very Happy
    Princesa
    Princesa
    FémininAge : 35Messages : 10

    Mar 24 Jan 2017 - 12:34

    Merci
    IceCreamMaster
    IceCreamMaster
    FémininAge : 24Messages : 74

    Sam 4 Fév 2017 - 16:59

    merci





    Eat ice cream everydays !
    sturdya
    sturdya
    FémininAge : 26Messages : 34

    Lun 6 Fév 2017 - 23:11

    merci !
    Mimiyori
    Mimiyori
    FémininAge : 33Messages : 6

    Ven 10 Fév 2017 - 19:49

    Merci ! ♥
    Jiragi
    Jiragi
    FémininAge : 24Messages : 22

    Sam 11 Fév 2017 - 17:53

    merci :)
    Amarante
    Amarante
    FémininAge : 27Messages : 40

    Lun 27 Fév 2017 - 20:40

    merci
    Suna
    Suna
    FémininAge : 19Messages : 33

    Mer 8 Mar 2017 - 14:43

    Mirki toi ! :)



    Salut à tous, mon nom est Suna en rapport avec Suna (un village de Ninja dans Naruto)
    Mes surnoms son Gaga, Erza et Gaara. j'aime beaucoup les mangas et en particulier Fairy Tail. Je suis fort en rpg, mnof e, codage et nulle à chier en graphisme.

    Catégories Pink & Gray - Page 10 Url?sa=i&rct=j&q=&esrc=s&source=images&cd=&cad=rja&uact=8&ved=0ahUKEwi90cbPor_SAhXHiRoKHe5MAGIQjRwIBw&url=https%3A%2F%2Ffr.pinterest.com%2Fpin%2F286049013812562888%2F&bvm=bv.148747831,d
    charlint
    charlint
    FémininAge : 25Messages : 30

    Dim 26 Mar 2017 - 20:50

    merci
    luxury67
    luxury67
    FémininAge : 32Messages : 20

    Dim 2 Avr 2017 - 17:16

    Merci c'est superbe !
    Melle Lena
    Melle Lena
    FémininAge : 49Messages : 308

    Lun 10 Avr 2017 - 14:15

    Les couleurs pastel sont très belles. Merci beaucoup.
    Fuyu
    Fuyu
    FémininAge : 34Messages : 16

    Lun 17 Avr 2017 - 21:49

    Merci c'est sublime ♡
    Contenu sponsorisé


      La date/heure actuelle est Ven 13 Déc 2024 - 17:12