Messages
Rupert
ModérateurFils de Chuck Norris
Inscrit le : 23 Juil 2003
Messages : 35683
Points : 60 
378 
Séries favorites : BTVS - Friends
Posté le : 02 Nov 2008 20:45
D'ailleurs, je suis sur mon portable là, j'ai plus aucun thème, je peux te chourrer le tiens ?
_________________
Darky
ModérateurMagedieu
Inscrit le : 21 Fév 2003
Messages : 30266
Points : 46 329 
Séries favorites : Ugly Betty, Les Experts, NCIS, SG1 ...
Posté le : 02 Nov 2008 20:50
Merci
vous deux .... oui oui tu peux
... tu veux les liens ? Ou tu peux faire sans ?
_________________
Tant va l'autruche à l'eau qu'elle feint la bécasse
Dernière édition par Darky le 02 Nov 2008 20:50; édité 1 fois
Rupert
ModérateurFils de Chuck Norris
Inscrit le : 23 Juil 2003
Messages : 35683
Points : 60 378
Séries favorites : BTVS - Friends
Posté le : 02 Nov 2008 21:32
Euh avec les liens, ce serait niquel
_________________
Darky
ModérateurMagedieu
Inscrit le : 21 Fév 2003
Messages : 30266
Points : 46 329
Séries favorites : Ugly Betty, Les Experts, NCIS, SG1 ...
Posté le : 02 Nov 2008 21:40
Bah vi chui bête
~lien~
~lien~
~lien~
Et voilà
_________________
Tant va l'autruche à l'eau qu'elle feint la bécasse
Rupert
ModérateurFils de Chuck Norris
Inscrit le : 23 Juil 2003
Messages : 35683
Points : 60 378
Séries favorites : BTVS - Friends
Posté le : 02 Nov 2008 21:53
Merci, je vais mettre ça en place
_________________
Darathor
Mage-AdministrateurArchangemage
Inscrit le : 28 Oct 2001
Messages : 27741
Points : 21 170 
Localisation : Strasbourg
Séries favorites : Last Exile, Gunslinger Girl, Noir, Monster, Buffy/Angel, Stargate, Battlestar Galactica, Rome, Monster...
Posté le : 02 Nov 2008 22:04
Rupert a écrit :@Dara : oh oui, une tite option où on donne une photo en paramètre, et elle s'étale sur tout le forum
Oui, ce serait encore le mieux, comme ça ce serait plus simple à mettre en place comme personnalisation et pas limité à Firefox ^^
_________________
Je fais appel à la puissance des éthers | Soyez le bras armé de ma colère | Que le Cataclysme se déchaine !
Rupert
ModérateurFils de Chuck Norris
Inscrit le : 23 Juil 2003
Messages : 35683
Points : 60 378
Séries favorites : BTVS - Friends
Posté le : 02 Nov 2008 22:08
Encore faut-il que ce soit faisable
Parce que mettre un fond sur l'intégralité du forum, ca me parait tendu à mettre en place
_________________
Darathor
Mage-AdministrateurArchangemage
Inscrit le : 28 Oct 2001
Messages : 27741
Points : 21 170
Localisation : Strasbourg
Séries favorites : Last Exile, Gunslinger Girl, Noir, Monster, Buffy/Angel, Stargate, Battlestar Galactica, Rome, Monster...
Posté le : 02 Nov 2008 22:10
Faut voir, c'est pas si sûr
'vais tester
_________________
Je fais appel à la puissance des éthers | Soyez le bras armé de ma colère | Que le Cataclysme se déchaine !
Rupert
ModérateurFils de Chuck Norris
Inscrit le : 23 Juil 2003
Messages : 35683
Points : 60 378
Séries favorites : BTVS - Friends
Posté le : 02 Nov 2008 22:50
Cool
_________________
Darathor
Mage-AdministrateurArchangemage
Inscrit le : 28 Oct 2001
Messages : 27741
Points : 21 170
Localisation : Strasbourg
Séries favorites : Last Exile, Gunslinger Girl, Noir, Monster, Buffy/Angel, Stargate, Battlestar Galactica, Rome, Monster...
Posté le : 02 Nov 2008 23:36
Bon, voilà, c'est faisable
(quelques petites modifs de CSS et c'est bon en fait
)
Alors le code à utiliser (dans un premier temps, à terme je ferai un champ dans le profil) :
Code :.forum-list
{
background-image: url("http://darathor.free.fr/divers/Fond_Forum_ErgoProxy_001.jpg");
background-position: top center;
}
.forum-list .illustrated
{
background-image: none !important;
}
Deux paramètres peuvent être changés :
1) l'URL de l'image bien entendu en la remplaçant dans la 3e ligne.
2) l'alignement de l'image en remplaçant le "center" de la 4e ligne par "left" ou "right" selon que vous voulez aligner l'image respectivement à gauche ou à droite.
Avec mon
image bricolée assez rapidement, ça donne ça :
~lien~ (1.7Mo)
_________________
Je fais appel à la puissance des éthers | Soyez le bras armé de ma colère | Que le Cataclysme se déchaine !
Dernière édition par Darathor le 02 Nov 2008 23:37; édité 1 fois
green witch
ModératriceArchangemage
Inscrit le : 20 Fév 2003
Messages : 27045
Points : 18 11
Localisation : à bord de Moya
Séries favorites : Farscape, DLM, Buffy
Posté le : 03 Nov 2008 08:12
ouah, c'est top
_________________
Rupert
ModérateurFils de Chuck Norris
Inscrit le : 23 Juil 2003
Messages : 35683
Points : 60 378
Séries favorites : BTVS - Friends
Posté le : 03 Nov 2008 21:05
Je ne dirais qu'une chose : la classe
C'est l'option de l'année ça
Faudra faire une image par défaut pour les nouveaux venus
Merci en tout cas !!!
_________________
Darathor
Mage-AdministrateurArchangemage
Inscrit le : 28 Oct 2001
Messages : 27741
Points : 21 170
Localisation : Strasbourg
Séries favorites : Last Exile, Gunslinger Girl, Noir, Monster, Buffy/Angel, Stargate, Battlestar Galactica, Rome, Monster...
Posté le : 03 Nov 2008 21:22
D'ailleurs ça pourrait faire le sujet du prochain concours après le marque-page
_________________
Je fais appel à la puissance des éthers | Soyez le bras armé de ma colère | Que le Cataclysme se déchaine !
Drithar
Magiprince
Inscrit le : 31 Oct 2001
Messages : 14546
Points : 146 32
Localisation : Gotcha-Land :o
Séries favorites : Buffy, Angel, friends, alias, lost, gotcha et j'en passe :o
Posté le : 03 Nov 2008 22:24
Ouais mais quelle taille ?
_________________
Gotchi et Gotcha sont sur un bateau, Gotchi tombe à l'eau... Qui reste-t-il ?
GOTCHAAAAAAA
Darathor
Mage-AdministrateurArchangemage
Inscrit le : 28 Oct 2001
Messages : 27741
Points : 21 170
Localisation : Strasbourg
Séries favorites : Last Exile, Gunslinger Girl, Noir, Monster, Buffy/Angel, Stargate, Battlestar Galactica, Rome, Monster...
Posté le : 07 Nov 2008 23:29
Autres petits tests avec des images partiellement transparentes en fond de certaines zones :
Code :.forum-list
{
background-image: url("http://darathor.free.fr/divers/Fond_Forum_ErgoProxy_001.jpg");
background-position: top center;
}
.forum-list h3
{
background-color: transparent !important;
background: left url("http://darathor.free.fr/divers/Cellpic01c.png") !important;
background-repeat: repeat-y !important;
}
.forum-list .illustrated
{
background-image: none !important;
min-width: 300px;
background: right url("http://darathor.free.fr/divers/Category_right_001-1_transparent.png") !important;
background-repeat: repeat-y !important;
}
La première partie est copié/collée d'avant. La seconde concerne la zone de titre des catégories et la troisième, la liste des forum d'une catégorie.
On peut notamment changer le positionnement de cette image de fond en remplaçant respectivement le "left" et le "right" par une valeur de l'ensemble {"left", "center", "right"}. On peut évidemment remplacer l'image affichée. Et on peut répéter l'image horizontalement en rajoutant un "repeat-x" après le "repeat-y".
Ce qui donne ça chez moi :
~lien~ (1.8Mo)
(ça par contre ça risque pas d'être généralisé... merci IE6
)
_________________
Je fais appel à la puissance des éthers | Soyez le bras armé de ma colère | Que le Cataclysme se déchaine !
Dernière édition par Darathor le 07 Nov 2008 23:39; édité 2 fois
Rupert
ModérateurFils de Chuck Norris
Inscrit le : 23 Juil 2003
Messages : 35683
Points : 60 378
Séries favorites : BTVS - Friends
Posté le : 07 Nov 2008 23:35
oh pirée
le truc trop top, je vois toute la photo
Merciii
_________________
Darathor
Mage-AdministrateurArchangemage
Inscrit le : 28 Oct 2001
Messages : 27741
Points : 21 170
Localisation : Strasbourg
Séries favorites : Last Exile, Gunslinger Girl, Noir, Monster, Buffy/Angel, Stargate, Battlestar Galactica, Rome, Monster...
Posté le : 07 Nov 2008 23:41
Enfin si, ça pourrait être généralisé en proposant deux sets d'images : un pour IE6, donc tout moche
et un pour les autres mais bon c'est lourd...
EDIT : Je viens d'ouvrir un
topic de galerie. Ici on se contentera de questions plus technique sur comment réaliser tel ou tel truc
_________________
Je fais appel à la puissance des éthers | Soyez le bras armé de ma colère | Que le Cataclysme se déchaine !
Dernière édition par Darathor le 07 Nov 2008 23:50; édité 1 fois
Anthony
Maître des Arcanes
Inscrit le : 19 Sep 2006
Messages : 8900
Points : 53
Localisation : Edinburgh (in my dreams *sigh*)
Séries favorites : Whedonverse, Doctor Who, Torchwood, Supernatural, Battlestar Galactica, Skins, Kaamelott...
Posté le : 07 Nov 2008 23:55
Mon gros problème quand je voit ca, c'est que je sais jamais quelles doivent être les dimensions de l'image pour qu'elle colle bien
Donc bon, si je connaissais la taille nécessaire, je pourrais essayer de bricoler à ma manière un fond pour le forum
_________________
Darathor
Mage-AdministrateurArchangemage
Inscrit le : 28 Oct 2001
Messages : 27741
Points : 21 170
Localisation : Strasbourg
Séries favorites : Last Exile, Gunslinger Girl, Noir, Monster, Buffy/Angel, Stargate, Battlestar Galactica, Rome, Monster...
Posté le : 07 Nov 2008 23:59
Ben ça dépend de pas mal de choses :
- pour la largeur ça dépend de ta résolution.
- pour la hauteur ça dépend de ta résolution aussi et également du nombre de forums que tu vois...
Mon image à moi fait 1250x1700 parce que j'ai prévu un peu plus large et plus haut au cas où (et que je vois tous les forums). Mais si tu surfes en 1024x768 tout le temps ben t'as pas besoin de plus de 1000 en largeur... et moins encore si tu fais un fondu vers une couleur unie que tu places en fond du tableau (gris par défaut mais ça peut se changer...).
_________________
Je fais appel à la puissance des éthers | Soyez le bras armé de ma colère | Que le Cataclysme se déchaine !
Darathor
Mage-AdministrateurArchangemage
Inscrit le : 28 Oct 2001
Messages : 27741
Points : 21 170
Localisation : Strasbourg
Séries favorites : Last Exile, Gunslinger Girl, Noir, Monster, Buffy/Angel, Stargate, Battlestar Galactica, Rome, Monster...
Posté le : 08 Nov 2008 17:10
On continue les expérimentations avec les listes de topcis
Code :.topic-list .main-block
{
background: transparent !important;
}
.topic-list table
{
background-image: url("http://darathor.free.fr/divers/Fond_Forum_ErgoProxy_001.jpg") !important;
background-position: top center !important;
}
.topic-list .bullet-block,
.topic-list .responses-block,
.topic-list .views-block
{
background: transparent url("http://darathor.free.fr/divers/DesignPersoForums/Cellpic_grey_001.png") repeat !important ;
}
.topic-list .main-block,
.topic-list .author-block,
.topic-list .last-block
{
background: transparent url("http://darathor.free.fr/divers/DesignPersoForums/Cellpic_blue_001.png") repeat !important ;
}
Ce qui donne :
~lien~
On peut même mettre une image différente sur chaque forum en ajoutant une section :
Code :.topic-list#forum_10 table
{
background-image: url("http://darathor.free.fr/divers/Fond_Forum_ErgoProxy_001.jpg") !important;
background-position: top center !important;
}
Par forum, et en remplaçant le "10" de "#forum_10" par l'id du forum où l'on veut spécifier l'image
Maintenant faut que je me fasse des images
_________________
Je fais appel à la puissance des éthers | Soyez le bras armé de ma colère | Que le Cataclysme se déchaine !
|
|
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
|
| 
