|
| Voir le sujet précédent :: Voir le sujet suivant |
| Auteur |
Message |
steph
Visiteur
Inscrit le: 01 Aoû 2005
Messages: 4
|
 Posté le: 01 Aoû 2005 16:43 Sujet du message: comment creer un skin |
 |
|
bonjour 
je vien d'installer un forum phpbb et bien sur, j'aimerais le personnalisé ...
j'ai pu constater qu'il y a beaucoup de belle réalisation ne serais ce a travers ce forum ...
j'aimerais savoir comment fait-on un skin , plus precisement avec quoi ?
j'ai lu plusieur tuto qui d'ailleur m'on aider pour modifié l'aspect de mon forum mais je n'ai rien trouvé concernant la realisation d'un skin 
merci d'avance pour vos reponses
a bientot
steph |
|
| Revenir en haut |
|
 |
|
|
Eza
Administrateur
Inscrit le: 24 Aoû 2003
Messages: 788
Localisation: Liège, Belgique
|
| Posté le: 01 Aoû 2005 20:06 Sujet du message: |
|
|
Bonjour,
le plus simple c'est d'essayé de retouché les images de skin déjà fait qui aurrai la disposition que tu souhaiterai.
tu doit modifier les fichiers template (tpl) et les images dans le répertoire template que tu crée.
ce n'est pas compliqué en sois il faut cependant beaucoup de temp...
_________________
Le plaisir du graphisme est inépuisable...
 |
|
| Revenir en haut |
|
|
TheMeche
Modérateur
Inscrit le: 03 Juin 2004
Messages: 1336
Localisation: Dunkerque
|
| Posté le: 02 Aoû 2005 10:21 Sujet du message: |
|
|
Premierement je te conseil de partir du Subsilver et d'allerger la page [overall_header] en effet le CSS n'a rien a faire dans cette parge puisque il existe une feuille deja existante mais non active donc tu lactive par la meme ocasion.
Ensuite il faut partir de ton "design" au prealable conçu ou dans ta tete.
Que dois-je mettre dans le CCS que dois-je incrusté directement dans le code?
Il est bien possible de faire un header qui n'ai pas pris en compte par le CSS mais autant aller jusqu'au bout et de se servir de ce superbe outils.
Alors se servir des <div> et des <table> me semble le plus judicieux il te faut donc un minimum de connaissance css et html.
_________________
Votre problème est résolu ? Ajouter [Réglé] dans le titre de votre message .
http://www.Graphy-Foot.com le forum pour le graphisme footballistique
 |
|
| Revenir en haut |
|
|
steph
Visiteur
Inscrit le: 01 Aoû 2005
Messages: 4
|
| Posté le: 02 Aoû 2005 10:41 Sujet du message: |
|
|
| TheMeche a écrit: | Premierement je te conseil de partir du Subsilver et d'allerger la page [overall_header] en effet le CSS n'a rien a faire dans cette parge puisque il existe une feuille deja existante mais non active donc tu lactive par la meme ocasion.
Ensuite il faut partir de ton "design" au prealable conçu ou dans ta tete.
Que dois-je mettre dans le CCS que dois-je incrusté directement dans le code?
Il est bien possible de faire un header qui n'ai pas pris en compte par le CSS mais autant aller jusqu'au bout et de se servir de ce superbe outils.
Alors se servir des <div> et des <table> me semble le plus judicieux il te faut donc un minimum de connaissance css et html. |
merci theMeche
suis deja un peu moin bete 
j'ai vu qu'il est facile de modifié la page [overall_header] avec frontpage ...
me reste une petite question  ... cela concerne le CSS... je sais peu etre ce que sait mais je ne l'ai po iassocié
voila ma question ... comment on active le CSS et ou se trouve t'il ?
il sert a parametrer sous forme de script c'est ca ?
merci pour les reponses et a bientot
steph |
|
| Revenir en haut |
|
|
TheMeche
Modérateur
Inscrit le: 03 Juin 2004
Messages: 1336
Localisation: Dunkerque
|
| Posté le: 05 Aoû 2005 14:44 Sujet du message: |
|
|
Avec phpBB et le theme subsilver le CSS et directement integrer dans le Overall header mais sa ne sert pas a grand chose il faut donc le supprimer et l'activer!
| Code: |
<!-- link rel="stylesheet" href="templates/subSilver/subSilver.css" type="text/css" -->
|
tu doit le changer pour avoir ça:
| Code: | | <link rel="stylesheet" href="templates/subSilver/subSilver.css" type="text/css"> |
Tu peux donc supprimer
| Code: | <style type="text/css">
<!--
/*
The original subSilver Theme for phpBB version 2+
Created by subBlue design
http://www.subBlue.com
NOTE: These CSS definitions are stored within the main page body so that you can use the phpBB2
theme administration centre. When you have finalised your style you could cut the final CSS code
and place it in an external file, deleting this section to save bandwidth.
*/
/* General page style. The scroll bar colours only visible in IE5.5+ */
body {
background-color: #E5E5E5;
scrollbar-face-color: #DEE3E7;
scrollbar-highlight-color: #FFFFFF;
scrollbar-shadow-color: #DEE3E7;
scrollbar-3dlight-color: #D1D7DC;
scrollbar-arrow-color: #006699;
scrollbar-track-color: #EFEFEF;
scrollbar-darkshadow-color: #98AAB1;
}
/* General font families for common tags */
font,th,td,p { font-family: Verdana, Arial, Helvetica, sans-serif }
a:link,a:active,a:visited { color : #006699; }
a:hover { text-decoration: underline; color : #DD6900; }
hr { height: 0px; border: solid #D1D7DC 0px; border-top-width: 1px;}
/* This is the border line & background colour round the entire page */
.bodyline { background-color: #FFFFFF; border: 1px #98AAB1 solid; }
/* This is the outline round the main forum tables */
.forumline { background-color: #FFFFFF; border: 2px #006699 solid; }
/* Main table cell colours and backgrounds */
td.row1 { background-color: #EFEFEF; }
td.row2 { background-color: #DEE3E7; }
td.row3 { background-color: #D1D7DC; }
/*
This is for the table cell above the Topics, Post & Last posts on the index.php page
By default this is the fading out gradiated silver background.
However, you could replace this with a bitmap specific for each forum
*/
td.rowpic {
background-color: #FFFFFF;
background-image: url(templates/subSilver/images/cellpic2.jpg);
background-repeat: repeat-y;
}
/* Header cells - the blue and silver gradient backgrounds */
th {
color: #FFA34F; font-size: 11px; font-weight : bold;
background-color: #006699; height: 25px;
background-image: url(templates/subSilver/images/cellpic3.gif);
}
td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom {
background-image: url(templates/subSilver/images/cellpic1.gif);
background-color:#D1D7DC; border: #FFFFFF; border-style: solid; height: 28px;
}
/*
Setting additional nice inner borders for the main table cells.
The names indicate which sides the border will be on.
Don't worry if you don't understand this, just ignore it :-)
*/
td.cat,td.catHead,td.catBottom {
height: 29px;
border-width: 0px 0px 0px 0px;
}
th.thHead,th.thSides,th.thTop,th.thLeft,th.thRight,th.thBottom,th.thCornerL,th.thCornerR {
font-weight: bold; border: #FFFFFF; border-style: solid; height: 28px;
}
td.row3Right,td.spaceRow {
background-color: #D1D7DC; border: #FFFFFF; border-style: solid;
}
th.thHead,td.catHead { font-size: 12px; border-width: 1px 1px 0px 1px; }
th.thSides,td.catSides,td.spaceRow { border-width: 0px 1px 0px 1px; }
th.thRight,td.catRight,td.row3Right { border-width: 0px 1px 0px 0px; }
th.thLeft,td.catLeft { border-width: 0px 0px 0px 1px; }
th.thBottom,td.catBottom { border-width: 0px 1px 1px 1px; }
th.thTop { border-width: 1px 0px 0px 0px; }
th.thCornerL { border-width: 1px 0px 0px 1px; }
th.thCornerR { border-width: 1px 1px 0px 0px; }
/* The largest text used in the index page title and toptic title etc. */
.maintitle {
font-weight: bold; font-size: 22px; font-family: "Trebuchet MS",Verdana, Arial, Helvetica, sans-serif;
text-decoration: none; line-height : 120%; color : #000000;
}
/* General text */
.gen { font-size : 12px; }
.genmed { font-size : 11px; }
.gensmall { font-size : 10px; }
.gen,.genmed,.gensmall { color : #000000; }
a.gen,a.genmed,a.gensmall { color: #006699; text-decoration: none; }
a.gen:hover,a.genmed:hover,a.gensmall:hover { color: #DD6900; text-decoration: underline; }
/* The register, login, search etc links at the top of the page */
.mainmenu { font-size : 11px; color : #000000 }
a.mainmenu { text-decoration: none; color : #006699; }
a.mainmenu:hover{ text-decoration: underline; color : #DD6900; }
/* Forum category titles */
.cattitle { font-weight: bold; font-size: 12px ; letter-spacing: 1px; color : #006699}
a.cattitle { text-decoration: none; color : #006699; }
a.cattitle:hover{ text-decoration: underline; }
/* Forum title: Text and link to the forums used in: index.php */
.forumlink { font-weight: bold; font-size: 12px; color : #006699; }
a.forumlink { text-decoration: none; color : #006699; }
a.forumlink:hover{ text-decoration: underline; color : #DD6900; }
/* Used for the navigation text, (Page 1,2,3 etc) and the navigation bar when in a forum */
.nav { font-weight: bold; font-size: 11px; color : #000000;}
a.nav { text-decoration: none; color : #006699; }
a.nav:hover { text-decoration: underline; }
/* titles for the topics: could specify viewed link colour too */
.topictitle,h1,h2 { font-weight: bold; font-size: 11px; color : #000000; }
a.topictitle:link { text-decoration: none; color : #006699; }
a.topictitle:visited { text-decoration: none; color : #5493B4; }
a.topictitle:hover { text-decoration: underline; color : #DD6900; }
/* Name of poster in viewmsg.php and viewtopic.php and other places */
.name { font-size : 11px; color : #000000;}
/* Location, number of posts, post date etc */
.postdetails { font-size : 10px; color : #000000; }
/* The content of the posts (body of text) */
.postbody { font-size : 12px; line-height: 18px}
a.postlink:link { text-decoration: none; color : #006699 }
a.postlink:visited { text-decoration: none; color : #5493B4; }
a.postlink:hover { text-decoration: underline; color : #DD6900}
/* Quote & Code blocks */
.code {
font-family: Courier, 'Courier New', sans-serif; font-size: 11px; color: #006600;
background-color: #FAFAFA; border: #D1D7DC; border-style: solid;
border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px
}
.quote {
font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #444444; line-height: 125%;
background-color: #FAFAFA; border: #D1D7DC; border-style: solid;
border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px
}
/* Copyright and bottom info */
.copyright { font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #444444; letter-spacing: -1px;}
a.copyright { color: #444444; text-decoration: none;}
a.copyright:hover { color: #000000; text-decoration: underline;}
/* Form elements */
input,textarea, select {
color : #000000;
font: normal 11px Verdana, Arial, Helvetica, sans-serif;
border-color : #000000;
}
/* The text input fields background colour */
input.post, textarea.post, select {
background-color : #FFFFFF;
}
input { text-indent : 2px; }
/* The buttons used for bbCode styling in message post */
input.button {
background-color : #EFEFEF;
color : #000000;
font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif;
}
/* The main submit button option */
input.mainoption {
background-color : #FAFAFA;
font-weight : bold;
}
/* None-bold submit button */
input.liteoption {
background-color : #FAFAFA;
font-weight : normal;
}
/* This is the line in the posting page which shows the rollover
help line. This is actually a text box, but if set to be the same
colour as the background no one will know ;)
*/
.helpline { background-color: #DEE3E7; border-style: none; }
td.firstPostAd {
background-color: #D1D7DC; border: #FFFFFF; border-style: solid; border-width: 1px; text-align: center;
}
/* Import the fancy styles for IE only (NS4.x doesn't use the @import function) */
@import url("templates/subSilver/formIE.css");
-->
</style> |
N'oublie pas de sauvergarder tes fichiers comme sa si il y a un probleme tu revient nous voir!
++
_________________
Votre problème est résolu ? Ajouter [Réglé] dans le titre de votre message .
http://www.Graphy-Foot.com le forum pour le graphisme footballistique
|
|
| Revenir en haut |
|
|
steph
Visiteur
Inscrit le: 01 Aoû 2005
Messages: 4
|
| Posté le: 05 Aoû 2005 17:41 Sujet du message: |
|
|
merci themeche
j'ai effectuer la modif
donc maintenant, si j'ai bien compris, je peux modifié l'aspect de mon skin a volonté grace a l'activation du CSS
ces modif peuvent etre faite directement a l'aide de frontpage par exemple ou cela a activé un outil permettant de personnalisé le skin dans l'administration du site ?
merci d'avance
A bientot 
steph |
|
| Revenir en haut |
|
|
TheMeche
Modérateur
Inscrit le: 03 Juin 2004
Messages: 1336
Localisation: Dunkerque
|
| Posté le: 06 Aoû 2005 12:13 Sujet du message: |
|
|
| steph a écrit: | merci themeche
j'ai effectuer la modif
donc maintenant, si j'ai bien compris, je peux modifié l'aspect de mon skin a volonté grace a l'activation du CSS
ces modif peuvent etre faite directement a l'aide de frontpage par exemple ou cela a activé un outil permettant de personnalisé le skin dans l'administration du site ?
merci d'avance
A bientot
steph |
Tu pouvais deja le faire mais il n'etait pas terrible de modifier dans le overall!
Maintenant Il te suffit de changer les couleurs text décoration et autre info pour changer ton template.
Tu peux aussi ajouter des images ou en remplacer.
Creer une Header ( Tu fait ton entete- tu le code (html adapté au template) et tu le met dans Overall Header)
Si tu as une esquisse la plus precise possible et qu'il n'y plus qu'a "coder" Tu peux me demander
_________________
Votre problème est résolu ? Ajouter [Réglé] dans le titre de votre message .
http://www.Graphy-Foot.com le forum pour le graphisme footballistique
|
|
| Revenir en haut |
|
|
steph
Visiteur
Inscrit le: 01 Aoû 2005
Messages: 4
|
| Posté le: 06 Aoû 2005 15:20 Sujet du message: |
|
|
merci m'sieur
je me met au boulot et je te tien au courant des évolutions
comme on dit... ya plus qu'a...
a bientot et bon week-end |
|
| Revenir en haut |
|
|
|
|
Vous ne pouvez pas poster de nouveaux sujets dans ce forum
Vous ne pouvez pas répondre aux sujets dans ce forum
Vous ne pouvez pas éditer vos messages dans ce forum
Vous ne pouvez pas supprimer vos messages dans ce forum
Vous ne pouvez pas voter dans les sondages de ce forum
Vous pouvez joindre des fichiers
Vous pouvez télécharger des fichiers
|
Powered by phpBB © 2001, 2005 phpBB Group
|
FAQ
Rechercher
Liste des Membres
Groupes d'utilisateurs
S'enregistrer
Profil
Se connecter pour vérifier ses messages privés
Connexion
