| Tableau Spécifique [En cours - Iko'] | |
|
|
Invité Invité
| Bonjour CSSActif et merci à ceux qui prendront le temps de lire mon petit gros problème...
Voilà, je ne suis pas douée, vraiment pas pour les codages. J'ai essayé de faire un truc avec des colones à partir de cette base de petit code :
- Code:
-
<table><tr><td>colonne </td><td>colonne 2</td></tr></table> Mais bon, avouons que cela ne tiens pas la route. Enfin, je tiens pas la route >.<"
Ce que j'aurais aimé au départ, c'est faire une page d'accueil avec un tableau dans ce style :
https://i.servimg.com/u/f90/13/70/02/08/exempl10.jpg
Seulement, j'me répète, je n'y arrive, mais pas du tout ! ! : () Si vous pouviez m'aider, me donnez deux trois indiquations ^^" J'vous d'mande pas de m'faire ma page d'accueil hein, mais j'ai quand même grand besoin d'aide : /
Ce serait gentil ! Encore merci beaucoup ( d'avance ) | | |
|
| |
Ikø'
Pika'Ghøst ~ Maîtresse des pelles ~
Messages : 3193
| Bonjour~~ D'abord pour le tableau que tu veux, il te faut trois colonnes et dans le code que tu as présentement, il n'y en a que deux. Ça devrait te donner un truc du genre: - Code:
-
<table><tr><td>colonne </td><td>colonne 2</td><td>colonne 3</td></tr></table> Tu me suis jusque là~? Si tu as envie que ta deuxième colonne soit plus grosse que les autres, qu'Elle fasse disons... 50% de tout l'acceuil, tu fais un truc du genre: - Code:
-
<table><tr><td>colonne </td><td width=50%>colonne 2</td><td>colonne 3</td></tr></table> Si tu postes que ça par contre, ça va te donner un petit tableau sans aucune forme. Mais si tu mets des lalalala~ comme j'ai testé sur mon forum, ça devrait te donner un truc du genre: la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la | la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la | la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la |
Tu as besoin d'autre indications~? | | |
|
| |
Invité Invité
| Bonjour Iko et merci d'me prendre en charge x]
Bon, pour les colonnes j'ai à peu près compris je crois. Je dois poster le code dans la feuille CSS et dans l'affichage des généralités pour que cela marche ?
J'ai juste pas piger le truc des lalala, je suis sans doute stupide hein ~ :S Mais les lalalas, je les mets entre les colonnes pour séparer celles ci et mettre un texte entre ? Je ne sais pas trop bien, excuse moi, vraiment ^^" | | |
|
| |
Ikø'
Pika'Ghøst ~ Maîtresse des pelles ~
Messages : 3193
| Les lalala c'est que du texte pour montrer un peu de quoi ont l'air tes colonnes avec le code que je viens de te donner, au font c'est le texte que tu marques entre les balises - Code:
-
<td></td> Le code des colonnes que j'ai donné va dans l'affichage des généralités *si j'ai bien compris ce que c'était xD genre la page d'acceuil* puisque c'est du html, si tu veux du CSS c'est comme par exemple pour les titres comme Navigation, Pré-créé, etc. Pour faire des titres comme ça, Johian a posté un excellent tuto =D [url=https://css-actif.forumactif.org/intermediaire-f15/faire-de-beaux-titres-t156.htm]Iciiii~~[/url] | | |
|
| |
Invité Invité
| Ahaaaaaaaa ok x] J'ai fais un test, ça rends très bien les colonnes lorsque j'y met des textes etc. ! !
Après pour les titres, merci d'm'avoir donné le lien, c'est nickel, nickel ! ! *C* Le hic c'est que j'arrive pas à surligner le texte d'une couleur. Les deux petites barres apparaissent de chaque côté OK, je sais modifier leur tailles, la couleur et tout mais le surlignement du texte d'une couleur, nada xD
Merciii beaucoup...mais dis, j'peux encore te poser une question ? ^^" Tant que j'y suis hein ...
Pour faire ce type de présentation, il faut aussi utiliser des colonnes ?
- Spoiler:
Bon après pour les titres, on peut prendre aussi le code de Johian dans son tuto *v* | | |
|
| |
Ikø'
Pika'Ghøst ~ Maîtresse des pelles ~
Messages : 3193
| Jcomprends pas pour le surlignement ._." XD *inculte* Mais sinon oui, pour ce type de présento il faut des colonnes que tu peux facilement faire en BBcode si c'est dans un post, comme - Code:
-
[table][tr][td]~~[/td][td][/tr]~~[/tr][/table] Ensuite pour le texte juste en dessous du deuxième titres c'est du texte entre les balises [code] Rien de bien compliqué *Vient de capter pour le surlignement* Est-ce que c'est genre, quand tu passes ta souris sur le titre il change de couleur? | | |
|
| |
Invité Invité
| Ouah merci (capte déjà plus) avec tex explications plus celles de Bow, j'deviens un peu moins bête et inculte : P
Ca marche ton truc des colonnes ^o^ Maintenant le surlignement en fait c'est pas un truc avec le curseur ^^"
Sur l'image, le texte " Alice needs to know your name " est surligné de bleu, fin, encadré si tu préfère x] C'est ça en fait qui m'interpelle : O | | |
|
| |
Ikø'
Pika'Ghøst ~ Maîtresse des pelles ~
Messages : 3193
| Oh ouais je capte o.o Bon donc je prends exactement le même code que dans le tuto de Johian mais en enlevant les explications et en ajoutant un truc ainsi que des explications pour celui-là~ - Code:
-
.titre { font-family: impact, serif; font-size: 110%; text-transform: uppercase; background-image: URL("ADRESSE DE L'IMAGE"); border-bottom: 1px dashed #COULEUR; color: #COULEUR; background-color: #COULEUR /* Donc c'est cette section qui fait une couleur de fond sur ton titre, comme dans "Alice need to know your name" */ text-align: center; border-left: 2px solid #COULEUR; border-right: 2px solid #COULEUR; } Tu l'as trouvé? x) le background-color en gros il sert à ça, mettre un surlignement ou un encadrement d'une couleur qu'on apelle "Couleur de fond". D'autres questions =D? | | |
|
| |
Invité Invité
| Okkk...Donc ce code, avec couleur de fond, je le colle pas dans ma page CSS hein ? Je le met sur une page, bah dans un message c'est ça ? Puis après je rajoute le code des colonnes ? : O
Je me sens bête, j'pense que là c'est justifié xD .. | | |
|
| |
Ikø'
Pika'Ghøst ~ Maîtresse des pelles ~
Messages : 3193
| Nan ce code là c'est du CSS~ tu mets les couleurs et les trucs que tu veux dedans, tu le mets dans ta feuille de CSS et ensuite dans ton post tu mets la balise - Code:
-
<div class="titre">blablabla~</div> Le blablabla~ que j'ai mis représente le texte que tu désires mettre dans ton titre~ en gros si tu veux faire le titre de "Alice needs to know your name" tu fais ça: - Code:
-
<div class="titre">Alice needs to know your name</div> Eeehm... ha ouais. Au début du code y'a un ".titre". Le titre, tu peux le changer à ta guise, comme par exemple pour betterave xD ce qui te donnerais ceci: - Code:
-
.betterave { font-family: impact, serif; font-size: 110%; text-transform: uppercase; background-image: URL("ADRESSE DE L'IMAGE"); border-bottom: 1px dashed #COULEUR; color: #COULEUR; background-color: #COULEUR /* Donc c'est cette section qui fait une couleur de fond sur ton titre, comme dans "Alice need to know your name" */ text-align: center; border-left: 2px solid #COULEUR; border-right: 2px solid #COULEUR; } Et dans ton post: - Code:
-
<div class="betterave">blabla~</div> En gros, le mot avant le point au début c'est une class, genre tu pourrais avoir une class betterave et une carotte mais qui servent à des choses différentes, mais quand même utiliser le même code html pour le mettre dans le post~ jsais pas si je suis compréhensible x.x | | |
|
| |
Invité Invité
| Ok, bon, là, j'ai compris ! : DD
J'ai remplacé betterave par un nom de mon forum, jusque là ça va, j'ai copié et collé le code CSS dans la feuille CSS, j'ai pris la balise que j'ai posté celle ci sur un message..
Mais la couleur de fond n'apparaît pas : S
Ca me fait ça :
- Spoiler:
| | |
|
| |
Ikø'
Pika'Ghøst ~ Maîtresse des pelles ~
Messages : 3193
| Tu peux me montrer ton code CSS~? | | |
|
| |
Invité Invité
| Voilà :O
- Code:
-
.diesel { font-family: impact, serif; font-size: 110%; text-transform: uppercase; background-image: URL("ADRESSE DE L'IMAGE"); border-bottom: 1px dashed #4887a4; color: #4887a4; background-color: #4887a6 /* Donc c'est cette section qui fait une couleur de fond sur ton titre, comme dans "Alice need to know your name" */ text-align: center; border-left: 2px solid #4887a4; border-right: 2px solid #4887a4; } Et après je copie celui ci dans un message |
- Code:
-
<div class="disel">Hop Hop~</div> | | |
|
| |
Ikø'
Pika'Ghøst ~ Maîtresse des pelles ~
Messages : 3193
| Hmmmmm c'est ptêtre parce que c'est une couleur identique ou très similaire à celle du fond de tes messages. Dans le background color mets #FFFFFF pour voir si ça marche avec une autre couleur~ *c'est blanc x)* | | |
|
| |
Invité Invité
| Erf, nope, marche pas : S
Ca me fait deux petits traits balncs en dessous é.è
C'est bizarre....c'est les autres couleurs qui bug, c'est arf, ça m'énerve, j'avais assassiner mon ordi ! èé | | |
|
| |
Ikø'
Pika'Ghøst ~ Maîtresse des pelles ~
Messages : 3193
| Ha merde j'ai trouvé le problème u.u manquait un ; dans le code - Code:
-
.diesel { font-family: impact, serif; font-size: 110%; text-transform: uppercase; background-image: URL("ADRESSE DE L'IMAGE"); border-bottom: 1px dashed #4887a4; color: #4887a4; background-color: #4887a6; text-align: center; border-left: 2px solid #4887a4; border-right: 2px solid #4887a4; } Sorry, je suis inculte des fois hein x) *ha et désolée si jréponds pas super rapidement parfois, je suis pas sensé être sur le PC ._.* EDIT: Je viens de tester ton code et jte conseille fortement de changer la couleur de ton fond, parce que ce sont deux bleus trop similaires o.o | | |
|
| |
Invité Invité
| Euhm...tu es sûr que y'avait un ; en moins ? Par ce que maintenant il me fou ça ce con d'alerteur de mer** :
« Erreur détectée Nous avons compté un nombre impaire de guillemets donc une chaine est mal fermée. Cela signifie que votre CSS risque de ne pas être valide et ne sera pas affiché correctement sur votre forum.
Nous vous conseillons de relire votre code. »
Puis t'en fais pas prends ton temps, c'est déjà gentil de me répondre et d'avoir SURTOUT la patience de m'expliquer et de l'aider xD Chapeau, moi j'me suporterai pas .___. | | |
|
| |
Ikø'
Pika'Ghøst ~ Maîtresse des pelles ~
Messages : 3193
| Ha moi il me le fait pas o.o tiens, donne moi ton code CSS en entier on va compter les accolades *Vient de prendre son p'tit dej *et oui, 11h22 ici xD* * Ha t'inquiète c'est un de mes points forts la patience x) et puis ça me fait plaisir de répondre à tes questions je m'éclate bien moi, c'est mon premier sujet où j'aide quelqu'un | | |
|
| |
Invité Invité
| o_______o C'est chantille, t'es un bon Robain des CSS, t'aide bien les démunis comme moi x]] J'ai faim, chez moi l'est 17:28 .__. Mais tu vis où pour qu'il soit à peine 11h et quelques chez toi ? xD BREF, hum, concentration : - Code:
-
.diesel" { font-family: impact, serif; font-size: 110%; text-transform: uppercase; background-image: URL("ADRESSE DE L'IMAGE"); border-bottom: 1px dashed #4887a4; color: #4887a4; background-color: #4887a6; text-align: center; border-left: 2px solid #4887a4; border-right: 2px solid #4887a4; } | | |
|
| |
Ikø'
Pika'Ghøst ~ Maîtresse des pelles ~
Messages : 3193
| Haaa~ c'est le " dans ta classe x) faut l'enlever~~ Et puis je suis sensée être nulle en CSS .__." mais jdécouvre que je suis pas si nulle que ça O.O jvais changer mon niveau M'enfin bref, sur mon fo test j'ai mit ton code et ça me fait ça: http://iko-test.forumactif.com/forum.htm C'est pour ça que je te disais qu'il faut changer la couleur de fond dans ton code, sinon le texte est illisible~ [moi j'ai une modif dans mes templates qui fait que ma class de titres apparait dans mes forums, si tu veux savoir comment dit le x)] | | |
|
| |
Invité Invité
| TADAM : - Spoiler:
C'est super, ça marche tu tonnerre ! Bien sûr que NON que t'es pas nul en CSS! Sérieux, t'es doué ! =D Maintenant je dispose enfin de mon truc super design XD MERCI BEAUCOUP ! °V° AHA ça marcheuh tralalalalèreee lili lalaalaa ! (danse partout) *w* | | |
|
| |
Ikø'
Pika'Ghøst ~ Maîtresse des pelles ~
Messages : 3193
| MDRRRR C'est super beau <3 *je sais coder à peu près et tout mais mettre des couleurs qui vont bien ensemble... U___U"*
Tu as d'autres questions~? | | |
|
| |
Invité Invité
| Merci *W* On s'complète, j'sais accorder les couleurs et toi tu sais faire les codes xD
C'est vrai, j'peux encore user de ton temps, par ce que j'en ai des question (profiteuse power) xD ?? | | |
|
| |
Ikø'
Pika'Ghøst ~ Maîtresse des pelles ~
Messages : 3193
| xDD Ouais j'ai essayé de faire une bannière bien pour la V.4 de mon forum, mais je sais pas mettre des couleurs bien ;_; c'est sur mon fo test quoi. x.xBien sur que tu peux ça va me faire plaisir *et ptêtre que jvais encore pouvoir augmenter mon niveau CSS XD j'étais à 4, maintenant je suis à 6 * | | |
|
| |
Invité Invité
| xD Si jamais t'as besin de conseils côté couleurs, n'hésites pas hein, que j'me sente un peu utile dans ce monde de cerveaux rapides xP
Ouaii, par ce qu'en plus d'être pleine de questions, j'te fais progresser, divin *C*
J'ai un problème d'opacité vois tu x] .... J'ai un code qui marche, parfait et tout, ça me rend tout opaque..TOUT c'est ça le blème ! Ma bannière est elle aussi opaque donc....les couleurs sont atténuées ! Or sur un forum, j'ai vu que la bannière n'était pas touchée, elle restait préservée de l'opacité : O
T'as une idée là dessus ? ^^" | | |
|
| |
Contenu sponsorisé
| |
| |
| Tableau Spécifique [En cours - Iko'] | |
|