COMMANDE de Catégories

Ven 1 Avr - 4:22
Hey hey hey Skaemp-san ! En effet, depuis le temps que je scrute votre avancée sur Crush (au passage franchement votre travail, il est splendide ! Vous faites des codes esthétiques très sympa !), j'aimerais vous demander un coup si cela ne vous ennuie pas.
Il est possible que cela soit néanmoins compliqué, toutefois, je pense que vous serez apte à accomplir un travail qui ravira tout le monde une fois de plus (si vous acceptez).

Largeur maximale : 980px
   Hauteur maximale : 200px
   Schéma : http://i.imgur.com/GxNv1d8.png
   Éléments : PA Latéral + Catégorie
   Images : Image constituant le border-top
   Animations : Hover Lien Sous forum : J'aimerais que lorsqu'on passe la souris sur l'image de fond de la catégorie, s'affiche un bloc contenant les liens des sous forum. Ces derniers comme sur le schéma. Changement d'opacité : Affiché sur le schéma.
   Informations supplémentaires : La bannière ayant déjà été réalisé, serait-il possible de faire en sorte que celle-ci prenne toute la largeur un peu comme sur ce forum (Ici) ?

Aussi pour la police du titre de la catégorie, si il était possible en une qui se rapproche de celle que j'ai employé notamment "Fjalla One" ?

En ce qui concerne la demande de la PA latéral en effet, je me demandais s'il était possible de faire en sorte que celle-ci soit affiché constamment peu importe la page ?

Je vous remercie d'avance et vous souhaite une bonne soirée en espérant ne pas trop vous importuner avec ma demande quelque peu "démesurée" !
Revenir en haut Aller en bas
Ven 1 Avr - 4:33
Je suis foncièrement désolé pour le double post mais j'ai oublier ceci :

Taille : 200*320
Texte : Le mot 'Somnus' si possible ou si possible Death is a sweet slumber
Provenance du personnage : Ookurikara, de Touken Ranbu
Images : http://www.zerochan.net/1959348
Ne vous sentez pas obliger de vous servir de cette image. Je l'ai mise simplement car elle me semblait susceptible de vous convenir pour un travail graphique - à mon sens.

Précisions : Il faudrait, si possible, une ambiance assez sombre. Le personnage que j'incarne est le réceptacle du dieu Hypnos, fraichement solitaire et la plupart du temps plongé dans un profond sommeil. Du coup je l'imagine assez mal avec une ambiance joyeuse. Après si de meilleure idée vous surviennent n'hésitez pas à laisser court à votre instinct, étant fan de votre galerie ca ne me dérange pas le moins du monde

En espérant ne pas avoir été trop exigeant et ne pas vous importuné
Très cordialement,
Little DΞΔN. PS: Encore désolé pour le double post ! pale
Revenir en haut Aller en bas
Sam 2 Avr - 6:57
Bonjour,

Remplacer l'intégralité du template index_box par :

Code:
<link href="https://fonts.googleapis.com/css?family=Fjalla+One" rel="stylesheet" type="text/css">
     <table width="980px" 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 -->
    <div class="topCAT"><div class="tleCAT">{catrow.tablehead.L_FORUM}</div></div>
    <div class="mdlCAT"><!-- END tablehead -->

     <!-- BEGIN cathead -->
     <!-- END cathead -->
    
    <!-- BEGIN forumrow -->
     <div class="FRM"><div class="nbFRM">{catrow.forumrow.TOPICS} sujets  ; {catrow.forumrow.POSTS} messages</div><div class="sfFRM">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div><script type="text/javascript">$('.sfFRM').each(function(){$(this).html($(this).html().replace(/>, /g,"><br /> "));});</script><div id="descFRM"><div class="tleFRM"><a href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a></div>{catrow.forumrow.FORUM_DESC}</div><div class="lmsgFRM"><img src="{catrow.forumrow.FORUM_FOLDER_IMG}" class="imgFRM" />{catrow.forumrow.LAST_POST}</div></div>
     <!-- END forumrow -->
    
    <!-- BEGIN catfoot -->
    <!-- END catfoot -->
    <!-- BEGIN tablefoot -->
 </div>
    <!-- END tablefoot --><!-- END catrow -->

Partie CSS :
Code:
/* HAUT CATEGORIES */
.topCAT {
margin:5px auto 10px; width:980px; height:60px; padding-top:70px;
background:#191919;  /* MODIFIABLE */
}
/* TITRE CATEGORIES */
.tleCAT{
text-align:right; padding-right:35px;
}
.tleCAT h2{
margin:0; font-size:36px; text-transform:uppercase; font-style:italic; letter-spacing:2px;
font-family:Fjalla One; color:white; text-shadow:1px 1px 0 rgba(0,0,0,0.1); /* MODIFIABLE */
}
/* CONTENU CATEGORIES */
.mdlCAT {
margin:auto; width:975px;
border-left:5px solid grey; /* MODIFIABLE */
}
/* BLOC FORUM */
.FRM {
width:975px; height:200px; overflow:hidden;
}
/* NOMBRE SUJETS & MESSAGES FORUM */
.nbFRM {
width:950px; height:17px; padding-top:3px; padding-left:25px;
text-transform:uppercase; font-size:11px;
background:url(http://www.pixenli.com/images/1451/1451699265013467700.png); color:#ccc; /* MODIFIABLE */
}
/* IMAGE DESCRIPTIVE FORUM */
#descFRM img{
position:absolute; margin-top:-51px; margin-left:-485px;
width:975px; height:180px;
transition:all 0.45s ease-in-out; -webkit-transition:all 0.45s ease-in-out;
}
.FRM:hover #descFRM img{
opacity:0.5;
}
/* SOUS-FORUMS */
.sfFRM {
position:relative; z-index:3;
display:inline-block; vertical-align:top; margin:35px 25px 0;
width:200px; height:100px; padding:5px; overflow:auto;
background:#ccc; /* MODIFIABLE */
opacity:0; transition:all 0.45s ease-in-out; -webkit-transition:all 0.45s ease-in-out;
}
.FRM:hover .sfFRM{
opacity:0.7;
}
/* LIEN SOUS-FORUM */
.sfFRM a{
font-size:14px; font-family:Fjalla One; text-transform:uppercase; color:black !important; /* MODIFIABLE */
}
/* SURVOL LIEN SOUS-FORUM */
.sfFRM a:hover {
background:rgba(250,250,250,0.3); color:#f0bc63 !important; /* MODIFIABLE */
}
/* BLOC TITRE & DESCRIPTION */
#descFRM {
display:inline-block; margin:20px 25px 0;
width:400px; height:175px; overflow:hidden; text-align:center;
}
/* TITRE FORUM */
.tleFRM {
position:relative; z-index:3; margin-bottom:5px;
text-align:center; font-size:20px; letter-spacing:1px;
}
.tleFRM a{
font-family:Fjalla One; color:black !important; /* MODIFIABLE */
}
/* DESCRIPTION FORUM */
.descFRM {
position:relative; z-index:3; margin:auto;
width:360px; height:90px; padding:5px; overflow:auto;
font-size:11px; text-align:justify;
color:black; /* MODIFIABLE */
}
/* ICÔNES FORUM */
.imgFRM {
display:block; margin:auto; margin-bottom:5px;
width:150px; height:25px;
}
/* DERNIER MESSAGE FORUM */
.lmsgFRM {
position:relative; z-index:3;
display:inline-block; vertical-align:top; margin:40px 25px 0;
width:200px; text-align:center; font-family:Fjalla One;
font-size:16px; color:black; /* MODIFIABLE */
}
/* TITRE DERNIER MESSAGE FORUM */
.lmsgFRM a {
text-transform:uppercase;
}
/* TAILLE AUTEUR DERNIER MESSAGE FORUM */
.lmsgFRM .gensmall {
font-size:16px; /* MODIFIABLE */
}

Taille des icônes du forum : 150*25
Taille des images descriptives : 975*180


Encadrer le texte descriptif des balises suivantes :
Code:
<div class="descFRM">Texte descriptif.</div>

Remplacer l'intégralité du template overall_header par :
Spoiler:
 

Partie CSS :
Code:
/* BANNIERE */
.bannSIT {
width:100%; height:475px;
background:url(http://i.imgur.com/GxNv1d8.png); /* LIEN DE LA BANNIERE */
}
/* CODAGE GLOBAL */
body {
margin:0; width:100%;
}
/* NAVIGATION */
#navSIT {
width:100%; padding:10px 0;
background:grey; /* MODIFIABLE */
}
.mainmenu img{
display:none;
}
/* LIEN NAVIGATION */
#navSIT a{
display:inline-block;
text-transform:uppercase; text-align:center; font-weight:bold;
color:black; font-size:18px; font-family:Arial;  /* MODIFIABLE */
opacity:0.7; transition:all .65s linear; -webkit-transition:all .65s linear;
}
/* SURVOL LIEN NAVIGATION */
#navSIT a:hover {
opacity:1; color:crimson !important; /* MODIFIABLE */
}
/* BLOC PAGE D'ACCUEIL */
.PASIT {
position:absolute; z-index:5; left:0; top:550px;
width:300px; height:100%;
}
/* CORPS DU FORUM */
.bodylinewidth {
float:left; margin:0; margin-left:310px; padding:0;
}

I. Créer une nouveau page HTML contenant le code de la page d'accueil :

II. Remplacer le lien de l'iframe - ligne 215 du template overall_header

Revenir en haut Aller en bas
Revenir en haut Aller en bas
Vous ne pouvez pas répondre aux sujets dans ce forum