Plusieur templates

Sam 23 Juil - 16:45
Bonjour Skaemp ! :-)
Alors, je viens avec plusieurs demandes et j'espère, je prie, j'implore le Ciel, pour qu'elles ne soient pas trop conséquentes ahah...

Il s'agit d'une commende de QEEL, de Caté' et d'un panneau latéral sur le côté (si ça rentre dans les templates ? Je ne sais pas pour être honnête) c:

Avec une amie nous avons graphé le rendu souhaité et j'y ai ajouté des notes etc.
schéma : http://i63.tinypic.com/2cxwx2q.png


En gros, il suffit de vous reporter à l'image
j'ai indiqué quelques tailles mais ne sachant si elles seraient juste une fois applicables, je vous laisse le libre choix de les ajuster, tant que le tout est aligné ^^
Vous l'aurez compris : bannière, page d'accueil (que je réalise) et catégories sont dans un même bloc, juste le qeel est séparé (et le panneau latéral)
Il y a des bordures quasi partout et le fond image gris clair est celui-ci : http://image.noelshack.com/fichiers/2016/29/1469283164-pw-maze-white.png

Le coup des icones dans les 24 dernières heures, je ne sais pas si c'est réalisable ? Je me suis dis que ce doit être une balise similaire à celle que l'on retrouve dans l'affichage de la liste des membres - bref à vous de voir ahah
Pour les membres en lignes : seuls les pseudos en maj suffisent

Pas d'effets, de zoom, de glissement ni rien nul part' ; fiez vous à ce que vous voyez sur le schéma - histoire d'avoir le même rendu ahah

J'espère sincèrement ne pas trop vous en demander, au quel cas je m'en excuse !
Pour le panneau latéral, s'il ne rentre pas dans une catégorie de commande : on annule, pas de soucis ; pareil pour la barre de navigation ! c:

En attendant, bonne journée à vous ! cat
Revenir en haut Aller en bas
Lun 25 Juil - 10:21
Bonjour,

Remplacer les lignes 248 à 348 du template overall_header par :

Spoiler:
 

Créer un nouveau code javascript :
Code:
$(function(){$(function(){$('#fa_welcome').prepend('<span class="fa_avatar">'+_userdata.avatar+'</span>')})});

Partie CSS :
Code:
/* FOND TOOLBAR */
#fa_toolbar {
padding-top:15px !important;
background:crimson !important; /* MODIFIABLE */
}
/* AVATAR TOOLBAR */
.fa_avatar {
float:left; position:relative; z-index:5; margin-right:5px; margin-bottom:-10px;
width:75px; height:75px; border-radius:75px; overflow:hidden;
border:10px solid crimson; /* MODIFIABLE */
}
.fa_avatar img{
width:75px;
}
#fa_right {
float:left !important;
}
/* MENU TOOLBAR */
ul#fa_menulist {
z-index:3 !important; margin-top:-50px !important; border:none !important;
}
/* SUPPRESSION ELEMENTS TOOLBAR */
#fa_share {
display:none !important;
}
#fa_icon {
opacity:0 !important;
}
a#fa_service {
opacity:0 !important;
}
#fa_search {
display:none !important;
}
#fa_hide {
display:none !important;
}
#fa_right a.rightHeaderLink {
display:none !important;
}
#fa_welcome {
background:none !important; color:inherit !important;
}
div#fa_usermenu {
display:none !important;
}
/* BARRE DE NAVIGATION */
#navSIT {
position:fixed; z-index:20003 !important;
top:15px; right:25px; /* MODIFIABLE - DETERMINE LA POSITION */
}
.mainmenu img{
display:none;
}
/* LIEN NAVIGATION */
#navSIT a{
text-transform:uppercase; text-align:center; font-size:12px; font-family:Arial;
color:white; /* MODIFIABLE */
transition:all .65s linear; -webkit-transition:all .65s linear;
}
/* SURVOL LIEN NAVIGATION */
#navSIT a:hover {
color:lightgrey !important; /* MODIFIABLE */
}
/* LIEN MENU RECHERCHE */
#search_menu {
left:5% !important;
}
#search_menu a{
background:none !important; border:none !important; color:inherit !important;
}


/* ESPACE AU BAS DU FORUM */
body {
margin:0; padding:0; padding-bottom:15px;
}
/* CADRE FORUM */
#headSIT {
margin:auto; width:1000px; padding-bottom:25px;
background:url(http://image.noelshack.com/fichiers/2016/29/1469283164-pw-maze-white.png); border:1px solid lightgrey; /* MODIFIABLE */
}
/* CADRE FORUM BLANC */
.headSIT {
margin:auto; width:950px; padding-bottom:10px;
background:white; border:1px solid lightgrey; /* MODIFIABLE */
}
/* LIEN PANNEAU ADMINISTRATION */
#page-footer {
margin-top:-15px; line-height:6px;
}
#page-footer a{
font-size:10px;
}

Remplacer l'intégralité du template index_box par :
Code:
<link href="https://fonts.googleapis.com/css?family=Special+Elite" rel="stylesheet" type="text/css">
      <table width="900px" 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="tleCAT">{catrow.tablehead.L_FORUM}</div><!-- END tablehead -->

        <!-- BEGIN cathead -->
        <!-- END cathead -->
       
        <!-- BEGIN forumrow -->
        <div class="FRM"><div class="boxDESC"></div><div class="tleFRM"><a href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a><img src="{catrow.forumrow.FORUM_FOLDER_IMG}" class="imgFRM" /><div class="lmsgFRM">{catrow.forumrow.LAST_POST}</div></div><div class="boxFRM"><div class="descFRM">{catrow.forumrow.FORUM_DESC}</div><div class="sfFRM">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div></div><div class="boxFRM"><div class="nbFRM">{catrow.forumrow.TOPICS}</div><div class="nbFRM nbFRMII">{catrow.forumrow.POSTS}</div></div></div>   
        <!-- END forumrow -->
       
        <!-- BEGIN catfoot -->
        <!-- END catfoot -->
        <!-- BEGIN tablefoot -->
        <!-- END tablefoot --><!-- END catrow -->

Partie CSS :
Code:
/* BLOC TITRE CATEGORIE */
.tleCAT{
margin:10px auto 0; width:900px; text-align:right;
height:80px; /* MODIFIER SELON HAUTEUR IMAGE */
background:black; border:1px solid lightgrey; /* MODIFIABLE */
}
/* TITRE CATEGORIE */
.tleCAT h2{
margin:0; padding-top:35px; padding-right:15px;
font-size:42px; text-transform:uppercase;
font-family:Special Elite; color:white; /* MODIFIABLE */
}
/* BLOC FORUM */
.FRM{
margin:10px auto; width:900px; padding:10px 0; text-align:center;
background:url(http://image.noelshack.com/fichiers/2016/29/1469283164-pw-maze-white.png); border:1px solid lightgrey; /* MODIFIABLE */
}
/* BLOC IMAGE DESCRIPTIVE */
.boxDESC {
display:inline-block;
width:240px; height:190px;
border:1px solid lightgrey; background:white; /* MODIFIABLE */
}
.descFRM img{
position:absolute; margin-left:-484px;
width:220px; height:170px;
}
/* BLOC TITRE / ICÔNES / DERNIER MESSAGE FORUM */
.tleFRM {
display:inline-block; vertical-align:top; margin:0 10px;
width:220px; height:130px; padding-top:60px;
text-align:center; font-size:12px; text-transform:uppercase; line-height:16px;
border:1px solid lightgrey; background:white; /* MODIFIABLE */
}
/* TITRE FORUM */
.tleFRM a {
color:crimson !important; /* MODIFIABLE */
}
/* ICÔNES FORUM */
.imgFRM{
display:block; margin:0 auto 5px;
}
/* DERNIER MESSAGE FORUM */
.lmsgFRM {
margin:auto; width:80%; padding:5px;
text-align:center; font-size:9px;
border-top:1px solid lightgrey; color:black; /* MODIFIABLE */
}
/* COULEUR TITRE DERNIER MESSAGE FORUM */
.lmsgFRM a {
color:grey !important; /* MODIFIABLE */
}
/* DESCRIPTION FORUM */
.descFRM {
margin-bottom:5px; margin-right:10px;
width:260px; height:123px; padding:10px; overflow:auto;
font-size:10px; text-align:justify;
border:1px solid lightgrey; background:white; color:black;  /* MODIFIABLE */
}
/* SOUS-FORUMS */
.sfFRM {
margin-top:5px;
width:270px; height:30px; padding:5px; overflow:auto;
border:1px solid lightgrey; background:white; color:grey;  /* MODIFIABLE */
font-size:10px; text-align:left; text-transform:uppercase;
}
/* LIEN SOUS-FORUM */
.sfFRM a{
color:grey !important; /* MODIFIABLE */
}
/* BLOC POSITIONNEMENT */
.boxFRM {
display:inline-block; vertical-align:top;
}
/* NOMBRE SUJETS FORUM */
.nbFRM {
width:100px; height:70px; padding-top:20px;
text-align:center; font-size:36px;
border:1px solid grey; color:black; /* MODIFIABLE */
}
/* NOMBRE MESSAGES FORUM */
.nbFRMII {
margin-top:7px;
border:1px solid grey; color:grey; /* MODIFIABLE */
}

Taille des images descriptives : 220*170

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

Partie CSS :
Code:
/* LIENS FORUMS LUS/SUJETS & POSTEURS DU JOUR */
.lksSTATS {
padding:10px 0; text-align:center;
}
.lksSTATS .gensmall {
color:black; /* MODIFIABLE */
}

/* CADRE QEEL */
#QEEL {
position:absolute; margin-top:275px; left:50%; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%);
width:1000px; padding:20px 0;
background:url(http://image.noelshack.com/fichiers/2016/29/1469283164-pw-maze-white.png); border:1px solid lightgrey; /* MODIFIABLE */
}
/* QEEL */
.QEEL {
margin:auto; width:950px; padding:15px 0 10px; text-align:center;
background:white; border:1px solid lightgrey; /* MODIFIABLE */
}
/* SHOUTBOX */
.shoutQEEL {
display:inline-block; vertical-align:top; margin-right:10px;
}
/* BLOC POSITIONNEMENT */
.boxQEEL {
display:inline-block; vertical-align:top;
}
/* CADRE MEMBRES CONNECTES */
.onlineQEEL {
width:308px; height:135px;
background:url(http://image.noelshack.com/fichiers/2016/29/1469283164-pw-maze-white.png); border:1px solid lightgrey; /* MODIFIABLE */
}
/* MEMBRES CONNECTES */
.onlineQEEL div{
margin:10px auto 0; width:278px; height:103px; padding:5px; overflow:auto;
font-size:12px; text-align:justify; text-transform:uppercase;
background:white; border:1px solid lightgrey; /* MODIFIABLE */
}
/* DERNIER UTILISATEUR ENREGISTRE QEEL */
.lstQEEL {
margin-top:12px;
width:310px; height:90px; padding-top:45px;
background:grey; /* MODIFIABLE */
text-transform:uppercase; text-align:center; font-size:14px;
}
/* BIENVENUE DERNIER UTILISATEUR ENREGISTRE QEEL */
.lstQEEL b{
display:block;
font-size:24px; color:white; /* MODIFIABLE */
}
/* CADRE 24H QEEL */
.dayQEEL {
display:inline-block; margin:0 10px; width:230px; height:282px;
background:url(http://image.noelshack.com/fichiers/2016/29/1469283164-pw-maze-white.png); border:1px solid lightgrey; /* MODIFIABLE */
}
/* 24H QEEL */
.dayQEEL div{
margin:10px auto 0; width:200px; height:250px; padding:5px; overflow:auto;
font-size:12px; text-align:justify; text-transform:uppercase;
background:white; border:1px solid lightgrey; /* MODIFIABLE */
}
.dayQEEL .row1 {
background:none; padding:0 !important;
}
.dayQEEL .gensmall {
font-size:12px;
}
/* CADRE TOTAL MESSAGES QEEL */
.tlPQEEL {
margin-bottom:5px;
width:113px; height:60px; padding:5px;
text-align:center; text-transform:uppercase; font-size:16px;
background:url(http://image.noelshack.com/fichiers/2016/29/1469283164-pw-maze-white.png); border:1px solid lightgrey; /* MODIFIABLE */
}
/* TOTAL MESSAGES QEEL */
.tlPQEEL p{
margin:0; height:48px; padding-top:10px;
background:white; border:1px solid lightgrey; /* MODIFIABLE */
}
/* CADRE TOTAL MEMBRES QEEL */
.tlMQEEL {
width:113px; height:60px; padding:5px;
text-align:center; text-transform:uppercase; font-size:16px;
background:url(http://image.noelshack.com/fichiers/2016/29/1469283164-pw-maze-white.png); border:1px solid lightgrey; /* MODIFIABLE */
}
/* TOTAL MEMBRES QEEL */
.tlMQEEL p{
margin:0; height:48px; padding-top:10px;
background:white; border:1px solid lightgrey; /* MODIFIABLE */
}
/* IMAGES TOP-SITES */
.voteQEEL {
margin-top:10px; width:125px;
}
.voteQEEL a:nth-child(2) {
margin-left:5px;
}
.voteQEEL a:nth-child(3) {
margin-top:5px;
}
.voteQEEL a:nth-child(4) {
margin-top:5px; margin-left:5px;
}

Taille de l'image de bienvenue : 310*135
Revenir en haut Aller en bas
Lun 25 Juil - 11:19
Bonjour Skaemp !!

Merci pour votre rapidité et efficacité ! :-)
Alors juste -> la toolbar ne s'affiche pas, ou du moins pas visiblement
J'ai créée la page javascript, j'ai coché "sur toutes les pages" est-ce bon ?
Voilà mon template overall_header cas ou'
Spoiler:
 

Ensuite le QEEL, dans les membres connectés au cours des 24 dernières heures, le coup des icones ce n'est donc pas possible ? D'avoir comme sur le schéma, les icones (avatars redim' des membres) ? c:

Ah et je n'arrive pas à intégrer le code de ma Shootbox dans la partie dédiée à celle-ci dans le QEEL... Le voici
Spoiler:
 
Bon, il n'est pas aux bonnes dimensions certes mais ça se modifie vite ! ahah

Dernière question : pour le panneau latéral donc, cela ne rentre pas dans le cadre de vos commandes ?

Pour avoir un meilleur aperçu du forum avec les codes : http://poulpepoulpepoulpe.brulant.net/


Désolé de vous enquiquiner encore ! Merci pour votre patience ! Like a Star @ heaven Like a Star @ heaven Like a Star @ heaven Like a Star @ heaven
Revenir en haut Aller en bas
Mar 26 Juil - 12:15
Ces paramètres sont-ils correctement appliqués ?

Remplacer le code du QEEL [lignes 154 à 158] par :
Spoiler:
 

Remplacer :
Code:
/* SHOUTBOX */
.shoutQEEL {
display:inline-block; vertical-align:top; margin-right:10px;
}

Par :
Code:
/* SHOUTBOX */
.shoutQEEL {
display:inline-block; vertical-align:top; margin-right:10px;
width:225px;
}

Le panneau latéral ne correspond effectivement à aucun intitulé. Si il vous était cependant absolument impossible de parvenir à vos objectifs, une exception serait envisageable. Le corps de votre forum étant néanmoins conséquent, les utilisateurs disposant de faibles définitions risquent de ne pouvoir profiter de l'intégralité du design à l'ajout d'un tel élément.

Quant aux icônes, si vous désiriez assumer l'ensemble des complications que leur installation entraînerait très probablement : lien.
Revenir en haut Aller en bas
Lun 1 Aoû - 20:00
Bonnnnsoir !

Excusez-moi pour ce retard, j'ai eu des soucis de connexion :-/
Tout est parfait à présent, nous avons trouvé un moyen de positionner un panneau latéral, nous sommes en bonne voie également pour les icones dans le qeel !

Merci beaucoup pour votre aide et patience !
Bonne soirée à vouuuuuus ! Like a Star @ heaven Like a Star @ heaven Like a Star @ heaven Like a Star @ heaven cat
Revenir en haut Aller en bas
Vous ne pouvez pas répondre aux sujets dans ce forum