CSSActif, le forum, n'est plus maintenu. Il est néanmoins disponible pour consultation. Pour des outils pratiques, rendez-vous sur: Découvrez CSSActif, une collection d'outils et de tutoriels interactifs pour les développeurs Web — HTML, CSS, JavaScript et bien plus! |
| [aide] Feuille de style pour sélecteur de thème. | |
| Hd-Fred
{ Membre }
Messages : 51
| Bonsoir à tous, dans mon petit coin de france il est 22h00.
J'ai pour ambition de proposer au membres du forum auquel je participe, un sélecteur de thème. Le fondateur du forum a mis à la disposition pour son staff une plateforme test Par ici et c'est depuis cette structure que je m'exerce.
J'ai résolu l'affichage des grandes lignes
_ Arrière plan _ Bannière _ Barre de navigation _ Et autre couleur de fond de page.
Il ne me reste plus qu'a fixer la couleur du bandeau publicitaire pour pouvoir faire participer les membres à la création de bannière , barre de navigation et arrière plan, de façon à ce que je puisse m'orienter avec votre savoir sur les modif de police, chatbox et emplacement du sélecteur.
J'ai modifier cette partie du css
.bodyline{ background-color: #000000; border: 1px #e3e3e3 solid; }
Elle s'affiche correctement, le problème c'est qu'elle s'applique sur tout les thème.
.css pour thème du forum J'ai copier la totalité du css de base puis ajouter les corespondance des id du html pour la barre de navigation et la bannière
Pourriez vous m'orienter ?
D'avance merci
Ps: Je suis partie de zéro et ne connaissais pas le css avant cette démarche, au vu de ce premier post, peut-on définir un niveau en css ?? | | |
| | | Ikø'
Pika'Ghøst ~ Maîtresse des pelles ~
Messages : 3193
| J'ai déplacé dans la bonne section Si vous voulez que le CSS ne s'applique pas sur tous les thèmes, alors il vous faut héberger plusieurs feuilles de style différentes , une pour chaque thème, sinon votre feuille s'appliquera sur chacun d'entre eux. | | |
| | | Hd-Fred
{ Membre }
Messages : 51
| Merci pour la modération je n'ai pas été assez attentif Là est le casse tête, j'ai effectivement 3 thèmes à l'essai, bien distinct les uns des autres. Chacun a son css, donc dans un premier temps je vais bien contrôler qu'il a sur chaque css des modifs bien identifiable. je vous tiens au courant @ plus | | |
| | | Invité Invité
| Je viens me greffer sur ce sujet, vu que nous venons du même forum et que nous cherchons la même chose Pour préciser ce que dit Fred, comment intégrer dans le CSS la couleur qui s'applique au fond du bandeau publicitaire? Par le biais de l'admin du forum cette couleur est liée à ces 2 catégories: Couleur intérieure du cadre du forum : si il y a une valeur (mais dans cette case on peut ne rien mettre) Couleur du fond de page : si il n'y a aucune valeur dans Couleur intérieure du cadre du forum, c'est cette couleur qui s'applique (dans cette case le vide est impossible) | | |
| | | Ikø'
Pika'Ghøst ~ Maîtresse des pelles ~
Messages : 3193
| Le bandeau publicitaire, c'est bien les trois ou quatre publicités que Forumactif met par défaut sur chaque forum (que l'on peut retirer à l'aide de crédits) ou bien c'est totalement autre chose de personnalisé sur votre forum? Ce qui correspond à ceci si je me fie au poste de Hd-Fred: - Code:
-
.bodyline{ background-color: #000000; border: 1px #e3e3e3 solid; } C'est exact? Si c'est bien cela, alors il faut faire trois feuilles de style distinctes, et dans chacune d'entre elles modifier les valeurs de cette section du code. À moins que je ne comprennes littéralement pas, dans ce cas s'il était possible de fournir une image de la section à modifier, un exemple graphique quoi, pour mieux comprendre s'il vous plait~ | | |
| | | Invité Invité
| on parle de la pub en haut, sous la bannière, c'est le fond de ce cadre que l'on essaye de définir (sans réussite) via les feuilles de style css.. Est ce plus clair? | | |
| | | Hd-Fred
{ Membre }
Messages : 51
| Bonsoir à tous, je reviens vers vous car mon soucis n'est toujours pas résolu. Ce code correspond à la " Couleur intérieure du cadre du forum" - Code:
-
.bodyline{ background-color: #000000; border: 1px #e3e3e3 solid; } le cadre publicitaire en faisant parti, je ne comprend vraiment pas pourquoi les modifs ne s'applique pas. J'ai remarqué quelque chose qui peut être nous fera avancer. Malgré des modif sur mes feuilles de style, cce sont les modifs du forum lui même qui sont appliqué sans prendre compte du css au niveau du cadre publicitaire. De même qu'a chaque changement de thème, le forum sans thème s'affiche entre deux. Je pense que si il y a un code pour ne pas afficher le thème de base du forum, mon souci peut-être réglé Ce n'est pas très simple à expliquer, j'espère être assez explicite pour pouvoir recevoir vos conseil. @ bientot | | |
| | | Invité Invité
| Personne pour un petit indice? Je suis sûr que quelqu'un saura nous mettre sur la voie, il ne manque pas grand chose | | |
| | | Ikø'
Pika'Ghøst ~ Maîtresse des pelles ~
Messages : 3193
| D'abord, j'aimerais préciser que les ups sont strictement interdits Ensuite..... je viens d'aller sur le forum, et pourtant, en choisissant les thèmes, la bande publicitaire est noire (ou grise très foncé) comme le reste du cadre intérieur, et ce pour les 4 thèmes. | | |
| | | Invité Invité
| Effectivement ce soir vu que le fond de base défini dans le panneau d'administration est de couleur noire et que les feuilles de style on été modifiées pour elles aussi appliquer un fond noir, le soucis n'apparait pas, mais les deux screens du post un peu plus haut, montrent bien qu'avec une couleur de fond, définie dans les feuilles de style, différente de la couleur définie dans le panneau d'administration, le cadre de la publicité google prend la couleur du panneau d'admin et non celle des feuilles de style, le cadre de pub reste gris sur le forum avec fond noir et sur celui avec fond bleu....... | | |
| | | Hd-Fred
{ Membre }
Messages : 51
| Bonjour, une petite question, Et ce que le cadre pub est écrit dans le html, je me dis que si oui, je peux mettre son emplacement dans le css.
Que pensez vous de ce résonnement?
@ plus | | |
| | | Hd-Fred
{ Membre }
Messages : 51
| RE Bonjour pour pouvoir continuer à avancer, je continue la création d'une feuille de style la plus complète possible. Je cherche à identifier les choses suivante, je sais qu'il y a une section demande de code comme j'ai ouvert ce thread je continu dessus, si cela ne le fait pas n'hésitez pas à déplacer. Donc voici mes screen _ 1 les coin arrondi en pas de page ne s'aplique pas ainsi que le contour clairRESOLU_ 2 la couleur des zones suivante, je n'arrive pas à les identifierRésolu_3 j'ai du faire une erreur la couleur de cette zone ne s'aplique plusRESOLUUne fois ces éléments résolu, je m'attaque à la couleur de la police et ensuite je serais en mesure de partager une feuille de style identifier et si vous êtes d'accord, je la posterais en tuto avec le nom de toute les modif identifier ex: Emplacement de la bannière - Code:
-
#i_logo{ width: valeurpx; height: valeurpx; background-image: url("lien d'image") } etc..... Mon CSS, il y a surement des erreurs, soyez indulgent je n'ai aucune connaissance en css or mis ce que j'apprends depuis que je suis sur le sélecteur (3 semaines) @ plus et merci de votre aide - Spoiler:
#i_logo{ width: 800px; height: 316px; background-image: url("https://i.servimg.com/u/f68/13/88/82/52/banni710.png") } body { background-color: #b6b9ba; background-image: url("https://i.servimg.com/u/f68/13/88/82/52/carbon10.jpg"); background-attachment: fixed; } #i_icon_mini_index { width: 90px; height: 65px; background-image: url("https://i.servimg.com/u/f68/13/88/82/52/accuei10.png"); } #i_icon_mini_faq { width: 90px; height: 65px; background-image: url("https://i.servimg.com/u/f68/13/88/82/52/faq10.png"); } #i_icon_mini_search { width: 90px; height: 65px; background-image: url("https://i.servimg.com/u/f68/13/88/82/52/cherch10.png"); } #i_icon_mini_members { width: 90px; height: 65px; background-image: url("https://i.servimg.com/u/f68/13/88/82/52/membre10.png"); } #i_icon_mini_profile { width: 90px; height: 65px; background-image: url("https://i.servimg.com/u/f68/13/88/82/52/profil10.png"); } #i_icon_mini_message { width: 90px; height: 65px; background-image: url("https://i.servimg.com/u/f68/13/88/82/52/messag10.png"); } #i_icon_mini_new_message { width: 90px; height: 65px; background-image: url("https://i.servimg.com/u/f68/13/88/82/52/new_me10.png"); } #i_icon_mini_register { width: 90px; height: 65px; background-image: url("https://i.servimg.com/u/f68/13/88/82/52/s_insc10.png"); } #i_icon_mini_login { width: 90px; height: 65px; background-image: url("https://i.servimg.com/u/f68/13/88/82/52/connex10.png"); } #i_icon_mini_logout { width: 90px; height: 65px; background-image: url("https://i.servimg.com/u/f68/13/88/82/52/deconn10.png"); } * html { scrollbar-face-color: #333333; scrollbar-highlight-color: #707070; scrollbar-shadow-color: #111111; scrollbar-3dlight-color: #999999; scrollbar-arrow-color: #707070; scrollbar-track-color: #444444; scrollbar-darkshadow-color: #070707; } *+ html { scrollbar-face-color: #333333; scrollbar-highlight-color: #707070; scrollbar-shadow-color: #111111; scrollbar-3dlight-color: #999999; scrollbar-arrow-color: #707070; scrollbar-track-color: #444444; scrollbar-darkshadow-color: #070707; } th,td,p { font-family: Arial,Verdana,Tahoma,sans-serif } a img { border: none; } a:link,a:active,a:visited { color : #2a2a2a; } a:hover { text-decoration: underline !important; color : #2a2a2a; } hr { height: 0; border: solid #dcdcdc 0; border-top-width: 1px; } .bodyline{ background-color: #2a2a2a; background-image: url("") -moz-border-radius:8px; -webkit-border-radius:8px; border: 1px #00000 solid; } .bodylinewidth { width:82%} .forumline{ background-color: #666666; -moz-border-radius:8px; -webkit-border-radius:8px; border: 1px #777777 solid; } .catHead { -moz-border-radius: 7px; -moz-border-radius: 7px; -moz-border-radius: 7px; -moz-border-radius: 7px; } tbody tr th { -moz-border-radius: 7px; -moz-border-radius: 7px; -moz-border-radius: 7px; -moz-border-radius: 7px; } div,table{ -moz-border-radius:7px; -webkit-border-radius:7px; } td.row1,td.row3.over:hover { background-color: #222222; -moz-border-radius:7px; -webkit-border-radius:7px } td.row2,td.row1.over:hover { background-color: #222222; -moz-border-radius:7px; -webkit-border-radius:7px } td.row3 { background-color: #2a2a2a; -moz-border-radius:7px; -webkit-border-radius:7px } td.rowpic { background-color: #2a2a2a; background-image: url("https://i.servimg.com/u/f68/13/88/82/52/i_back13.png"); -moz-border-radius:7px; -webkit-border-radius:7px css} th { color: #2a2a2a; font-size: 12px; font-weight : bold; background-color: #2a2a2a; height: 25px; background-image: url("https://i.servimg.com/u/f68/13/88/82/52/i_back13.png"); padding: 2px 3px; } td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom { background-image: url("https://i.servimg.com/u/f68/13/88/82/52/i_back13.png"); background-color:#2a2a2a; border: #2a2a2a; border-style: solid; height: 28px; } | | |
| | | Hd-Fred
{ Membre }
Messages : 51
| Bonjour à tous. Le post du dessus et résolu a force de creuser j'y arrive. J'aurais besoin d'un coup de main pour les éléments suivant: je recherche les code suivants pour ajouter a mon css titre de catégorie au dessus des croix rouge sur le skin ci-dessousRésolule code pour les groupes de rang l'idée est d'ajuster la couleur de certain rang avec le thème voila pour le reste je pense m'en sortir, je suis aussi en mesure maintenant d'aider certain a la mise en place de sélecteur et a la construction de feuille de style. N'hésitez pas à me mp si je peux aider, ce sera avec plaisir @ plus ps: j'ai oublié, si parfois par le plus grand hasard quelqu'un sait comment déplacer le sélecteur...... | | |
| | | Hd-Fred
{ Membre }
Messages : 51
| Bonjour, toute la partie affichage est résolu il me reste que quelques icône à mettre en place, déjà identifié de surcroit. Vous pouvez fermé Merci pour cette lecture enrichissante et au plaisir de vous relire @ plus | | |
| | | Boow
{ Membre actif }
Messages : 866
| MDR Et bien c'est parfait si tu es arrivé tout seul à faire ceci, ça veut dire que t'as bien progressé =D Je déplace donc =] | | |
| | | Hd-Fred
{ Membre }
Messages : 51
| Merci B•øw sur ce sur la je suis assez fier de moi, je crois que je vais demander à augmenter mon niveau css dans mon profil J'ai bien envie de mettre une petite marche à suivre pour créer ses feuilles de style avec les icônes que j'ai pu identifié. Qu'en pensez vous ? @ plus | | |
| | | Contenu sponsorisé
| | | | | [aide] Feuille de style pour sélecteur de thème. | |
|
Sujets similaires | |
|
| Permission de ce forum: | Vous ne pouvez pas répondre aux sujets dans ce forum
| |
| |
| |
|
| Partenaires Or
|