Partagez
Voir le sujet précédentAller en basVoir le sujet suivant
avatar
admin • on se l'araaaaaache
admin • on se l'araaaaaache
Féminin
Degré de sagesse : 24
Degré de bavartitude : 9125
Logiciels : Photoshop, Inkscape, Photofiltre, Gimp
Voir le profil de l'utilisateur

Prochain design

le Jeu 11 Nov 2010 - 19:06
Rappel du premier message :

Je vous montre le prochain design du forum clin d\'oeil

http://chatmallow.catsboard.com/index.htm

avec la super photo de n'arc et mon acquisition récente : photoshop CS4 x)

Le design marin de Luna sera installé après celui çi, encore faut il qu'elle me donne le code pour pouvoir mettre le header sur toute la largeur de la page :/

Spoiler:
/* Liens ----------------------------------------------------------------------------*/

a {
font-family: century gothic;
font-size:11px;
font-variant: small-caps;
text-decoration: none;
}

.gen {
font-size : 12px;
}
.genmed {
font-size : 11px;
}
.gensmall {
font-size : 11px;
}

/* Marges & Cie --------------------------------------------------------------------*/

body{
margin-top: 0px;
margin-bottom: 0px;
}

.bodyline{
border-top: none;
border-bottom: none;
border-right: 10px #4C342A solid;
border-left: 10px #4C342A solid;
}

/* Zones de texte -------------------------------------------------------------------*/

textarea, .textarea.post, input.post{
-moz-border-radius:4px;
}

textarea, select{
color : #403121;
font: normal 11px century gothic;
border: 2px solid #403121;
-moz-border-radius: 4px;
}

/* Titre page d'accueil---------------------------------------------------------------*/

.pageaccueil1{
font-family: Century Gothic;
font-size: 13px;
text-transform:none;
color:#EEE4DD;
background-color:#C5A286;
-moz-border-radius :4px;
width:200px;
height:20px;
padding-top: 0px !important;
padding-left: 20px !important;
padding-bottom: 0px !important;
padding-right: 20px !important;
}


/* Titre des forums -------------------------------------------------------------------*/


.fowrum{
font-family: Century Gothic;
font-size: 12px;
text-transform:none;
color:#A28067;
background-color:#C5A286;
-moz-border-radius :4px;
font-style:normal;
padding-top: 0px;
padding-left: 50px;
padding-bottom: 0px;
padding-right: 50px;
}

.fowrum:hover{
font-family: century gothic;
font-size: 12px;
text-transform:none;
color:#ffffff;
background-color:#C5A286;
-moz-border-radius :4px;
font-style:normal;
padding-top: 0px;
padding-left: 50px;
padding-bottom: 0px;
padding-right: 50px;
}


/* Titre des catégories --------------------------------------------------------------*/

.categorie{
font-family: Century Gothic;
font-size: 12px;
color:#ffffff;
background-color:#816554;
-border-radius:4px !important;
-moz-border-radius:4px !important;
padding-top: 2px !important;
padding-left: 100px !important;
padding-bottom: 4px !important;
padding-right: 10px !important;
text-transform:uppercase;
}




Dernière édition par Moustache le Mer 1 Juin 2011 - 16:53, édité 1 fois

. . . . . . . . . . . . . . . . . . . . . . . . .


« My greatest weakness? Occasionally, I give a damn. »

avatar
admin • on se l'araaaaaache
admin • on se l'araaaaaache
Féminin
Degré de sagesse : 24
Degré de bavartitude : 9125
Logiciels : Photoshop, Inkscape, Photofiltre, Gimp
Voir le profil de l'utilisateur

Re: Prochain design

le Mer 1 Déc 2010 - 20:39
Key tu peux m'expliquer les histoires de template à bidouiller pour changer la couleur des liens qu'ont voit pas ?
edit : autre question, c'est ou qu'on change la couleur de la zone de saisie de texte, j'ai pas trouvé quand j'ai bidouillé le CSS ^^

. . . . . . . . . . . . . . . . . . . . . . . . .


« My greatest weakness? Occasionally, I give a damn. »
avatar
admin • on se l'araaaaaache
admin • on se l'araaaaaache
Féminin
Degré de sagesse : 24
Degré de bavartitude : 9125
Logiciels : Photoshop, Inkscape, Photofiltre, Gimp
Voir le profil de l'utilisateur

Re: Prochain design

le Sam 11 Déc 2010 - 12:02
Key, comment on fait pour mettre le nombre de sujet et de message comme sur ce forum :
http://war-of-clans.forumactif.fr/ ?

. . . . . . . . . . . . . . . . . . . . . . . . .


« My greatest weakness? Occasionally, I give a damn. »
avatar
admin retraité • Godefroy de Montmirail, alias Oxy'
Féminin
Degré de sagesse : 22
Degré de bavartitude : 1829
Logiciels : Photoshop CS6 Illustrator CS5
Tablettre Bamboo
Canon 500D
Voir le profil de l'utilisateur

Re: Prochain design

le Sam 11 Déc 2010 - 12:26
laminimouse a écrit:Key tu peux m'expliquer les histoires de template à bidouiller pour changer la couleur des liens qu'ont voit pas ?
edit : autre question, c'est ou qu'on change la couleur de la zone de saisie de texte, j'ai pas trouvé quand j'ai bidouillé le CSS ^^

laminimouse a écrit:Key, comment on fait pour mettre le nombre de sujet et de message comme sur ce forum :
http://war-of-clans.forumactif.fr/ ?


- Comment ça les liens qu'on voit pas ? ^^

- Ensuite pour la zone de saisie de texte, voici le code, tu peux personnaliser comme bon te semble ;
Code:
textarea, .textarea.post, input.post {
-moz-border-radius: 15px 0px 15px 0px;
-webkit-border-radius: 15px 0px 15px 0px;
border-top-left-radius  : 15px;
border-bottom-right-radius  : 15px;
background-color:#BLABLA;
}

- Pour ça il faut supprimer les deux colonnes dans un template, attends je vais jeter un oeil sur mon forum pour savoir lequel c'est et comment il faut procéder clin d\'oeil

. . . . . . . . . . . . . . . . . . . . . . . . .

J'ai décidé d'être heureux, car c'est bon pour la santé
avatar
admin retraité • Godefroy de Montmirail, alias Oxy'
Féminin
Degré de sagesse : 22
Degré de bavartitude : 1829
Logiciels : Photoshop CS6 Illustrator CS5
Tablettre Bamboo
Canon 500D
Voir le profil de l'utilisateur

Re: Prochain design

le Sam 11 Déc 2010 - 12:46
Donc, il faut déjà aller dans les templates, puis dans Index_box.
Ensuite tu clique sur le bouton pour modifier.

Il faut supprimer :
Code:

<th nowrap="nowrap" width="50">{L_TOPICS}</th>
et
Code:
<th nowrap="nowrap" width="50">{L_POSTS}</th>
ainsi que :

Code:
<td class="row3" align="center" valign="middle" height="50">
        <span class="gensmall">{catrow.forumrow.TOPICS}</span>
      </td>
      <td class="row2" align="center" valign="middle" height="50">
        <span class="gensmall">{catrow.forumrow.POSTS}</span>
      </td>


Ensuite tu cherches
Code:
<a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a>

et (une vilaine copie de CSS actif pour mettre le texte à côté du lien du forum), tu le remplaces par :
Code:
<table width="100%"><tr><td><a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a></td><td align="right"><span class="gensmall">Contient <b>{catrow.forumrow.POSTS}</b> messages dans <b>{catrow.forumrow.TOPICS}</b> sujets.</span></td></tr></table>



Autrement si tu désires le mettre en dessous du lien, je pense qu'en mettant ça, ça devrait marcher :
Code:
<table width="100%"><tr><td><a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a></td></tr><tr><td align="center"><span class="gensmall">Contient <b>{catrow.forumrow.POSTS}</b> messages dans <b>{catrow.forumrow.TOPICS}</b> sujets.</span></td></tr></table>

. . . . . . . . . . . . . . . . . . . . . . . . .

J'ai décidé d'être heureux, car c'est bon pour la santé
avatar
admin • on se l'araaaaaache
admin • on se l'araaaaaache
Féminin
Degré de sagesse : 24
Degré de bavartitude : 9125
Logiciels : Photoshop, Inkscape, Photofiltre, Gimp
Voir le profil de l'utilisateur

Re: Prochain design

le Sam 11 Déc 2010 - 20:24
Merci :) le liens qu'on voit pas c'est ce que n'arc disait l'autre jour dans la chatbox, les liens du style : "Voir les nouveaux messages depuis votre dernière visite" et le "panneau d'admin" aussi qu'on voit pas très bien à cause du fond. Sauf que je veux pas changer la couleur de tous les liens ^^'

Autre question, comment fait on au niveau de la page d'accueil, pour donner une largeur voulu/fixe à la "bullle" indépendamment de ce qu'il y a écrit dedans (parce qu'avec padding, ça rajoute une marge autour de ce qu'il y a écrit ...)

. . . . . . . . . . . . . . . . . . . . . . . . .


« My greatest weakness? Occasionally, I give a damn. »
avatar
admin retraité • Godefroy de Montmirail, alias Oxy'
Féminin
Degré de sagesse : 22
Degré de bavartitude : 1829
Logiciels : Photoshop CS6 Illustrator CS5
Tablettre Bamboo
Canon 500D
Voir le profil de l'utilisateur

Re: Prochain design

le Dim 12 Déc 2010 - 11:34
-Pour les bulles tu peux retirer padding et mettre
Code:
Code:
width:200px; /*par exemple, et c'est la largeur*/
heigt:20px; /*et ici la hauteur*/

C'est de ça dont tu me parles au moins ? x)

- Donc, pour le lien du panneau d'admin :
Dans le template overall_footer, tu dois avoir
Code:
<strong>{ADMIN_LINK}</strong>
;
Sur ce forum tu peux aussi chercher
Code:
 <strong><a href="/admin/index.forum?part=admin&sid=93bda9d5d5b88bfe2f58b60af532d95c">Panneau d'administration</a></strong>

Et c'est à la place de la balise strong que tu vas mettre par exemple
Code:
 <div style="font-weight:bold;color:#BLABLA;">{ADMIN_LINK}</div>


- Ensuite, pour les liens dont n'arc parlait.
Dans index_body, il y a ça, qui correspond à "Marquer les forums comme lus".
Code:
<a href="{U_MARK_READ}" class="gensmall">{L_MARK_FORUMS_READ}</a>
Tu peux retirer le class="gensmall" et ajouter la balises
devant puis finir après en mettant



*Même fonctionnement pour les autres liens, sauf qu'ils se trouvent dans d'autres templates pour certains.
Code:
   <a href="{U_TODAY_ACTIVE}" class="gensmall">{L_TODAY_ACTIVE}</a>

            <a href="{U_TODAY_POSTERS}" class="gensmall">{L_TODAY_POSTERS}</a>

            <a href="{U_OVERALL_POSTERS}" class="gensmall">{L_OVERALL_POSTERS}</a>

Correspondent à "Sujets actifs du jour
Top 20 des posteurs du jour
Top 20 des posteurs du forum
Supprimer les cookies du forum"


*dans index_box se trouvent
Code:
<td class="gensmall" align="right" valign="bottom">
         <!-- BEGIN switch_user_logged_in -->
         <a class="gensmall" href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a>

         <a class="gensmall" href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a>

         <!-- END switch_user_logged_in -->
         <a class="gensmall" href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a>
      </td>
Donc les liens "nouveaux messages, nouveaux depuis ma dernière visite, et messages sans réponse.
Ici il faut mettre les balises
autour de chaque lien, en enlevant bien le "class" par exemple

Code:
<div style="color:#F0F0F0;"><a href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a></div>






Dis-moi si tu as tout compris, car j'ai pas l'impression d'avoir tout écrit en français hier soir tard ^^

. . . . . . . . . . . . . . . . . . . . . . . . .

J'ai décidé d'être heureux, car c'est bon pour la santé
avatar
admin • on se l'araaaaaache
admin • on se l'araaaaaache
Féminin
Degré de sagesse : 24
Degré de bavartitude : 9125
Logiciels : Photoshop, Inkscape, Photofiltre, Gimp
Voir le profil de l'utilisateur

Re: Prochain design

le Dim 12 Déc 2010 - 11:41
Ouch, c'est long à faire tout ça x) je sais pas quand est ce que je m'y attaquerai ! Mais merci beaucoup :)
Tu peux vraiment pas y accéder aux templates ?

Pour les bulles sur la page d'accueil ça marche pas ...

J'ai remplacé ça :
Code:
.pageaccueil1 {
font-family: Century Gothic;
font-size: 12px;
text-transform:uppercase;
color:#288B90;
background-color:#E1E7E8;
-moz-border-radius :10px 10px 10px 10px;
padding-top: 0px !important;
padding-left: 20px !important;
padding-bottom: 0px !important;
padding-right: 20px !important;
}

Par ça :
Code:
.pageaccueil1 {
font-family: Century Gothic;
font-size: 12px;
text-transform:uppercase;
color:#288B90;
background-color:#E1E7E8;
-moz-border-radius :10px 10px 10px 10px;
width:200px;
heigt:20px;
}

Et la couleur de fond de mes bulles de fait pas 200px sur 20px ...

. . . . . . . . . . . . . . . . . . . . . . . . .


« My greatest weakness? Occasionally, I give a damn. »
avatar
admin retraité • Godefroy de Montmirail, alias Oxy'
Féminin
Degré de sagesse : 22
Degré de bavartitude : 1829
Logiciels : Photoshop CS6 Illustrator CS5
Tablettre Bamboo
Canon 500D
Voir le profil de l'utilisateur

Re: Prochain design

le Dim 12 Déc 2010 - 12:02
lol


A oui, c'était de ma faute, désolée ^_^'
Il manquait le "h" dans "height", donc voilà, et au final, je pense que si tu remplaces en mettant ça, (en changeant les tailles) ça doit marcher

Code:
.pageaccueil1 {
font-family: Century Gothic;
font-size: 12px;
text-transform:uppercase;
color:#288B90;
background-color:#E1E7E8;
-moz-border-radius :10px 10px 10px 10px;
width:200px;
height:200px;
padding-top: 0px !important;
padding-left: 20px !important;
padding-bottom: 0px !important;
padding-right: 20px !important;
}

. . . . . . . . . . . . . . . . . . . . . . . . .

J'ai décidé d'être heureux, car c'est bon pour la santé
avatar
admin • on se l'araaaaaache
admin • on se l'araaaaaache
Féminin
Degré de sagesse : 24
Degré de bavartitude : 9125
Logiciels : Photoshop, Inkscape, Photofiltre, Gimp
Voir le profil de l'utilisateur

Re: Prochain design

le Dim 12 Déc 2010 - 12:19
C'est bizarre, quand c'est sur la page d'accueil, ça ne prend pas en compte le weight et le height ... parce que j'ai copié le code, et ça prend en compte que les padding ... mystère !

. . . . . . . . . . . . . . . . . . . . . . . . .


« My greatest weakness? Occasionally, I give a damn. »
avatar
admin retraité • Godefroy de Montmirail, alias Oxy'
Féminin
Degré de sagesse : 22
Degré de bavartitude : 1829
Logiciels : Photoshop CS6 Illustrator CS5
Tablettre Bamboo
Canon 500D
Voir le profil de l'utilisateur

Re: Prochain design

le Dim 12 Déc 2010 - 12:53
C'est bon j'ai réussi !
En mettant div au lieu de span ça marche, faut vraiment que je cherche un jour la différence entre les deux x)
Par contre pour "Images gagnantes des Two weeks" j'ai pas mis la class parce que ça tenait pas tout en largeur, donc j'ai juste mis avec les balises "div style" clin d\'oeil

. . . . . . . . . . . . . . . . . . . . . . . . .

J'ai décidé d'être heureux, car c'est bon pour la santé
avatar
admin • on se l'araaaaaache
admin • on se l'araaaaaache
Féminin
Degré de sagesse : 24
Degré de bavartitude : 9125
Logiciels : Photoshop, Inkscape, Photofiltre, Gimp
Voir le profil de l'utilisateur

Re: Prochain design

le Dim 12 Déc 2010 - 13:16
D'acc' merci beaucoup :) le pire c'est que j'étais en train de me demander la différence entre span et div, j'étais en train de lire tes tuto de CSS XD

PS:ça fait cool avec le sapin de noel :P

edit:

CSS theme halloween

Spoiler:
a { font-family: trebuchet ms;
font-size:11px;
font-variant: small-caps;
text-decoration: none; }

.gen { font-size : 12px; }
.genmed { font-size : 11px; }
.gensmall { font-size : 11px; }

.forumline {-moz-border-radius:5px;border:1px dotted #E09010;}

CCS du forum actuel (marin)

Spoiler:
/* Titre page d'accueil-------------------------------------------------------------------*/

.pageaccueil1 {
font-family: Century Gothic;
font-size: 12px;
text-transform:uppercase;
color:#288B90;
background-color:#E1E7E8;
-moz-border-radius :10px 10px 10px 10px;
width:200px;
height:16px;
padding-top: 0px !important;
padding-left: 20px !important;
padding-bottom: 0px !important;
padding-right: 20px !important;
}



/* Titre des forums (marin)-------------------------------------------------*/
.fowrum {
font-family: Trebuchet MS;
font-size: 11px;
color:#288B90;
font-style:italic;
padding-top: 0px !important;
padding-left: 1px !important;
padding-bottom: 0px !important;
padding-right: 1px !important;
text-transform:uppercase;
}

.fowrum:hover {
font-family: Trebuchet MS;
font-size: 11px;
color:#ffffff;
font-style:italic;
padding-top: 0px !important;
padding-left: 1px !important;
padding-bottom: 0px !important;
padding-right: 1px !important;
text-transform:uppercase;
}

.fowfow {
background-color:#E1E7E8;
-border-radius:3px !important;
-moz-border-radius:8px !important;
padding-top: 0px !important;
padding-left: 1px !important;
padding-bottom: 0px !important;
padding-right: 1px !important;
margin-bottom:0px;
}

.fowfow:hover {
background-color:#288B90;
-border-radius: 3px !important;
-moz-border-radius: 8px !important;
padding-top: 0px !important;
padding-left: 1px !important;
padding-bottom: 0px !important;
padding-right: 1px !important;
margin-bottom:0px;
}




a:hover{text-decoration: none !important;}
a{text-decoration: none !important;}

body { background-attachment: fixed;
background-color:transparent;
background-repeat: no-repeat;
background-position: top center;
}
body#phpbb div#wrap {
background-repeat: repeat;
background-color:transparent;
background-image: url('http://i248.photobucket.com/albums/gg183/Meloup/GROSBLANCcopie-2.png');
}
body#wrap {
background-attachment: fixed;
background-color:transparent;
background-image: url("http://i248.photobucket.com/albums/gg183/Meloup/pititpoulpe.png");
background-repeat: no-repeat;
background-position: bottom right;
}


td.row1{
background-image: url("http://img11.imageshack.us/img11/9712/dsc9tmfa.png");
}
td.row2{
background-image: url("http://img11.imageshack.us/img11/9712/dsc9tmfa.png");
}
td.row3{
background-image: url("http://img11.imageshack.us/img11/9712/dsc9tmfa.png");
}


/* Header-------------------------------------------------*/
.headerbar {
background-attachment: fixed;
border-left: 0px solid #000000;
border-right: 0px solid #000000;
border-top: 0px solid #000000;
background-image: url("http://nsa22.casimages.com/img/2010/09/22/100922065035777594.png");
background-repeat: no-repeat;
background-position: top center;
}
/*Navbar2-------------------------------------------------*/
#page-header ul.navlinks {
border-left: 1px solid #E9E6DF;
border-right: 1px solid #E9E6DF;
border-bottom: 1px solid #E9E6DF;
background-repeat: repeat;
background-image: url('http://nsa20.casimages.com/img/2010/11/14/101114100836866492.png');
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
}
#search-box input {
border: 0px solid;
margin-top: -20px;
display: none;
}
#search-box input.button1 {
display: none;
padding: 1px 5px;
}
input.search {
background-image: url('http://nsa20.casimages.com/img/2010/11/14/101114100836866492.png');
background-repeat: repeat;
background-position: left 1px;
display: none;
}
/* Post----------------------------------------------*/
.post {
-moz-border-radius:15px;
border-left: 1px dashed #5DBCBE;
border-right: 1px dashed #5DBCBE;
border-top: 1px dashed #5DBCBE;
border-bottom: 1px dashed #5DBCBE;
background-repeat: repeat;
background-color:#CFE4E9;
}
/* Code block------------------------------------------------*/
dl.codebox {
padding: 2px;
background-repeat: repeat;
background-image: url('http://nsa19.casimages.com/img/2010/11/14/101114111420978573.png');
border: 1px solid #000000;
font-size: 1em;
}

dl.codebox dt {
text-transform: uppercase;
border-bottom: 0px solid #CCCCCC;
margin-bottom: 1px;
font-weight: bold;
display: block;
}
blockquote dl.codebox {
margin-left: 0;
}
dl.codebox code {
overflow: auto;
display: block;
height: auto;
max-height: 200px;
white-space: normal;
padding-top: 2px;
font: 0.9em Arial,Courier,CourierNew,sans-serif;
line-height: 1.3em;
color: #5DBCBE;
margin: 2px 0;
}
/* Blockquote------------------------------------------------*/
blockquote {
margin: 1em 1px 1em 25px;
padding: 5px;
background-image: url('http://nsa20.casimages.com/img/2010/11/14/101114100836866492.png');
background-repeat: repeat;
border: 1px solid #000000;
font-size: 0.95em;
margin: 1em 1px 1em 25px;
overflow: hidden;
}
blockquote div {
margin-left: 0px;
}
blockquote blockquote {
background-color: #EFEED9;
font-size: 1em;
margin: 0.5em 1px 0pt 15px;
}
/* Table-------------------------------------------------*/
.forabg {
background-repeat: repeat;
border: 1px solid #489999;
}
.forumbg {
background-repeat: repeat;
border: 1px solid #489999;
}
/* Input Button Form---------------------------------------------------------*/
input.button1, input.button2, button.button2 {
font-size: 1em;
}
a.button1, input.button1 {
font-weight: bold;
border: 1px dashed #5DBCBE;
}
a.button2, input.button2, button.button2 {
border: 1px dashed #5DBCBE;
}
a.button1, input.button1, a.button2, input.button2, button.button2 {
width: auto !important;
-moz-border-radius:15px;
padding: 2px 3px;
font-family: trebuchet ms;
color: #b7e6ff;
background-repeat: no-repeat;
background-color: #CFE4E9;
background-image: url('http://illiweb.com/fa/empty.gif');
background-position: top;
overflow: visible;
}
body:last-child a.button1, input.button1, a.button2, input.button2, button.button2 {
/* Opera does not see this */
padding: 1px 0;
}
a.button1:hover, input.button1:hover, a.button2:hover, input.button2:hover, button.button2:hover {
border: 1px solid #489999;
color: #fffc9e;
background-position: 0 100%;
}
a.button1:link, a.button1:visited, a.button1:active, a.button2:link, a.button2:visited, a.button2:active {
color: #b7e6ff;
text-decoration: none;
padding: 2px 8px;
line-height: 250%;
vertical-align: text-bottom;
background-position: 0 1px;
}
* html input.button1, * html input.button2, * html button.button2 {
padding-bottom: 0;
margin-bottom: 1px;
}
*+html button.button2 {
height: 24px;
padding-right: 3px;
padding-left: 3px;
}
*+html button.button2 img {
vertical-align: middle;
}
* html button.button2 {
height: 24px;
padding-right: 3px;
padding-left: 3px;
}
* html button.button2 img {
vertical-align: middle;
}


/* Tags-------------------------------------------------*/
select {
font-family: Trebuchet MS;
font-weight: normal;
cursor: pointer;
vertical-align: middle;
border: 1px solid #000000;
padding: 1px;
background-color: #005456;
color: #b7e6ff;
}


/* Smilies-------------------------------------------------*/
#smiley-box {
float: right;
margin-top: 25px;
width: 18%;
background-color: #005456;
}
#smiley-box-wysiwyg {
float: left;
margin: 25px 0px 0px 15px;
width: 20%;
background-color: #005456;
}
* html #smiley-box-wysiwyg {
margin: 25px 3px 0px 0px;
background-color: #005456;
}
*+html #smiley-box-wysiwyg {
margin: 25px 3px 0px 0px;
background-color: #005456;
}
#smiley-box iframe{
border: none;
overflow: auto;
height: 300px;
width: 100%;
height: 280px;
background-color: #005456;
}
#smiley-box-wysiwyg iframe{
border: none;
overflow: auto;
height: 300px;
width: 100%;
height: 280px;
background-color: #005456;
}
.smiley-element img {
margin: 0px 15px 10px 0px;
}


/* Portail_Modules-------------------------------------------------*/
.module {
border-left: 1px solid #000000;
border-right: 1px solid #000000;
border-top: 1px solid #000000;
border-bottom: 1px solid #000000;
background-repeat: repeat;
background-image: url('http://nsa20.casimages.com/img/2010/11/14/101114100836866492.png');
}
.module h3 {
border-left: 1px solid #000000;
border-right: 1px solid #000000;
border-top: 1px solid #000000;
border-bottom: 1px solid #000000;
background-repeat: repeat;
background-image: url('http://nsa20.casimages.com/img/2010/11/14/101114100836866492.png');
}

/* Titre des catégories (marin)-------------------------------------------------*/
.categorie {
font-family: Century Gothic;
font-size: 16px;
color:#ffffff;

padding-top: 3px !important;
padding-left: 20px !important;
padding-bottom: 2px !important;
padding-right: 20px !important;
text-transform:uppercase;
}

.categorie:hover {
font-family: Century Gothic;
font-size: 16px;
color:#288B90;

padding-top: 3px !important;
padding-left: 20px !important;
padding-bottom: 2px !important;
padding-right: 20px !important;
text-transform:uppercase;
}

.categogo {
background-color:#288B90;
-border-radius:8px !important;
-moz-border-radius:8px !important;
padding-top: 3px !important;
padding-left: 20px !important;
padding-bottom: 2px !important;
padding-right: 20px !important
}

.categogo:hover {
background-color:#ffffff;
-border-radius: 8px !important;
-moz-border-radius: 8px !important;
padding-top: 3px !important;
padding-left: 20px !important;
padding-bottom: 2px !important;
padding-right: 20px !important;
}


/* Barre de navigation (marin) ------------------------------------*/
a.mainmenu{
font-family: Trebuchet MS;
font-size: 11px;
color:#ffffff;
font-style:italic;
-border-radius:8px;
-moz-border-radius:8px;
background-color:#57A2A0;
margin-right:5px;
margin-bottom: 300px;
padding:2px;
border-style:double;
border-color:#3F7473;
}

a.mainmenu:hover{
font-family: Trebuchet MS;
font-size: 11px;
color:#ffffff;
font-style:italic;
-border-radius:8px;
-moz-border-radius:8px;
background-color:#BBE6F1;
padding:2px;
margin-right:5px;
margin-bottom: 300px;
border-style:double;
border-color:#3F7473;
}



. . . . . . . . . . . . . . . . . . . . . . . . .


« My greatest weakness? Occasionally, I give a damn. »
avatar
admin • on se l'araaaaaache
admin • on se l'araaaaaache
Féminin
Degré de sagesse : 24
Degré de bavartitude : 9125
Logiciels : Photoshop, Inkscape, Photofiltre, Gimp
Voir le profil de l'utilisateur

Re: Prochain design

le Ven 14 Jan 2011 - 17:24
Key, reine du CSS, comment qu'on fait pour mettre les liens des sections au milieu, enfin les centrer quoi ?

. . . . . . . . . . . . . . . . . . . . . . . . .


« My greatest weakness? Occasionally, I give a damn. »
avatar
admin retraité • Godefroy de Montmirail, alias Oxy'
Féminin
Degré de sagesse : 22
Degré de bavartitude : 1829
Logiciels : Photoshop CS6 Illustrator CS5
Tablettre Bamboo
Canon 500D
Voir le profil de l'utilisateur

Re: Prochain design

le Ven 14 Jan 2011 - 23:28
Les liens des catégories ou ceux des forums ? enfin dans tous les cas soit :
- tu passes par les templates et tu as juste à ajouter une balise <*center>..<*/center>
- ou alors tu entoure avec <*center>..<*/center> tous les noms clin d\'oeil

Le plus simple c'est quand même les templates, dans index_box. Je vais chercher exactement où est-ce qu'il faut mettre ça, je te dis tout ça demain clin d\'oeil


*désolée de pas être très présente en ce moment, je suis à fond dans les cours et comme on a fait une maintenance sur TP, j'ai plutôt favorisé ça ^^'

. . . . . . . . . . . . . . . . . . . . . . . . .

J'ai décidé d'être heureux, car c'est bon pour la santé
avatar
admin • on se l'araaaaaache
admin • on se l'araaaaaache
Féminin
Degré de sagesse : 24
Degré de bavartitude : 9125
Logiciels : Photoshop, Inkscape, Photofiltre, Gimp
Voir le profil de l'utilisateur

Re: Prochain design

le Sam 15 Jan 2011 - 9:42
No problem, moi aussi je viens pas beaucoup, les cours ça me prend du temps aussi :/

. . . . . . . . . . . . . . . . . . . . . . . . .


« My greatest weakness? Occasionally, I give a damn. »
avatar
admin retraité • Godefroy de Montmirail, alias Oxy'
Féminin
Degré de sagesse : 22
Degré de bavartitude : 1829
Logiciels : Photoshop CS6 Illustrator CS5
Tablettre Bamboo
Canon 500D
Voir le profil de l'utilisateur

Re: Prochain design

le Dim 16 Jan 2011 - 18:41
Hopla !

Alors dans ton template index_box, il faut chercher :
Code:
<a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a>

puis le remplacer par :
Code:
<center><a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a></center>

Ensuite reste plus qu'à publier ton template et voilà !

. . . . . . . . . . . . . . . . . . . . . . . . .

J'ai décidé d'être heureux, car c'est bon pour la santé
avatar
admin • on se l'araaaaaache
admin • on se l'araaaaaache
Féminin
Degré de sagesse : 24
Degré de bavartitude : 9125
Logiciels : Photoshop, Inkscape, Photofiltre, Gimp
Voir le profil de l'utilisateur

Re: Prochain design

le Mar 18 Jan 2011 - 11:49
Merci :) Par contre, j'aimerai leur donner la même taille à tous, sauf que je n'y arrive pas même en mettant weight:400px dans le CSS ...

. . . . . . . . . . . . . . . . . . . . . . . . .


« My greatest weakness? Occasionally, I give a damn. »
avatar
admin retraité • Godefroy de Montmirail, alias Oxy'
Féminin
Degré de sagesse : 22
Degré de bavartitude : 1829
Logiciels : Photoshop CS6 Illustrator CS5
Tablettre Bamboo
Canon 500D
Voir le profil de l'utilisateur

Re: Prochain design

le Mar 18 Jan 2011 - 17:13
C'est pas weight qu'il faut mettre :p

Tu peux essayer en mettant :
Code:
width:400px !important;


Et comme en général forum actif en fait qu'à sa tête, le !important est pas de trop ^^

. . . . . . . . . . . . . . . . . . . . . . . . .

J'ai décidé d'être heureux, car c'est bon pour la santé
avatar
VIP • n'arc
Féminin
Degré de sagesse : 23
Degré de bavartitude : 531
Humeur : Chocolat &lt;3
Voir le profil de l'utilisateur

Re: Prochain design

le Mer 19 Jan 2011 - 16:21
J'suis desole les gens mais jai vraiment plus le temps de passre sur les forum, avec le bac blanc et mes tpe j'aiplus le temps de vivre...

. . . . . . . . . . . . . . . . . . . . . . . . .



avatar
admin • on se l'araaaaaache
admin • on se l'araaaaaache
Féminin
Degré de sagesse : 24
Degré de bavartitude : 9125
Logiciels : Photoshop, Inkscape, Photofiltre, Gimp
Voir le profil de l'utilisateur

Re: Prochain design

le Mer 19 Jan 2011 - 20:50
T'en fait pas va, on est tous passé par là :)
Merci Key', il me sembe que j'avais mis width... j'irai voir plus tard,mais c'est pas impossible que je me sois planté non plus (vu que j'ai fais la bêtise ici ^^)

. . . . . . . . . . . . . . . . . . . . . . . . .


« My greatest weakness? Occasionally, I give a damn. »
avatar
admin • on se l'araaaaaache
admin • on se l'araaaaaache
Féminin
Degré de sagesse : 24
Degré de bavartitude : 9125
Logiciels : Photoshop, Inkscape, Photofiltre, Gimp
Voir le profil de l'utilisateur

Re: Prochain design

le Mer 1 Juin 2011 - 19:47
Comment qu'on fait déjà pour mettre le forum en transparence ?

. . . . . . . . . . . . . . . . . . . . . . . . .


« My greatest weakness? Occasionally, I give a damn. »
avatar
admin retraité • Godefroy de Montmirail, alias Oxy'
Féminin
Degré de sagesse : 22
Degré de bavartitude : 1829
Logiciels : Photoshop CS6 Illustrator CS5
Tablettre Bamboo
Canon 500D
Voir le profil de l'utilisateur

Re: Prochain design

le Jeu 2 Juin 2011 - 11:42
Mmmmmhmhmhm il y a une histoire de css avec
Code:
opacity: 0;

mais je me rappelle plus de la propriété à mettre avant.. je vais aller faire un tour sur le forum de FA voir si je trouve ça clin d\'oeil

. . . . . . . . . . . . . . . . . . . . . . . . .

J'ai décidé d'être heureux, car c'est bon pour la santé
avatar
admin • on se l'araaaaaache
admin • on se l'araaaaaache
Féminin
Degré de sagesse : 24
Degré de bavartitude : 9125
Logiciels : Photoshop, Inkscape, Photofiltre, Gimp
Voir le profil de l'utilisateur

Re: Prochain design

le Jeu 2 Juin 2011 - 12:08
j'ai mis ça j'ai trouvé :)

. . . . . . . . . . . . . . . . . . . . . . . . .


« My greatest weakness? Occasionally, I give a damn. »
avatar
admin • on se l'araaaaaache
admin • on se l'araaaaaache
Féminin
Degré de sagesse : 24
Degré de bavartitude : 9125
Logiciels : Photoshop, Inkscape, Photofiltre, Gimp
Voir le profil de l'utilisateur

Re: Prochain design

le Sam 4 Juin 2011 - 9:22
Voila le header que propose Luna* pour le design de cet été, qu'en pensez vous ?


. . . . . . . . . . . . . . . . . . . . . . . . .


« My greatest weakness? Occasionally, I give a damn. »
avatar
admin retraité • Godefroy de Montmirail, alias Oxy'
Féminin
Degré de sagesse : 22
Degré de bavartitude : 1829
Logiciels : Photoshop CS6 Illustrator CS5
Tablettre Bamboo
Canon 500D
Voir le profil de l'utilisateur

Re: Prochain design

le Sam 4 Juin 2011 - 11:13
Eeuhh... ilove

. . . . . . . . . . . . . . . . . . . . . . . . .

J'ai décidé d'être heureux, car c'est bon pour la santé
avatar
admin • marie, mateuse de film X à la retraite
Féminin
Degré de sagesse : 25
Degré de bavartitude : 1636
Humeur : :D
Logiciels : Suite adobe CS5, gimp et photofiltre
Voir le profil de l'utilisateur

Re: Prochain design

le Sam 4 Juin 2011 - 11:17
C'est sympa je trouve ! :D Par contre le mot 'imagine' est pas hyper lisible oups
Contenu sponsorisé

Re: Prochain design

Voir le sujet précédentRevenir en hautVoir le sujet suivant
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum