| Tableau Spécifique [En cours - Iko'] | |
|
|
Invité Invité
![Tableau Spécifique [En cours - Iko'] Empty](https://2img.net/i/fa/empty.gif) | 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 ) ![:hearts: ♥️](https://cdn.jsdelivr.net/emojione/assets/png/2665.png?v=2.2.7) | | |
|
![Aller en bas](https://2img.net/i/empty.gif) | |
Ikø' ![Pika'Ghøst~ Maîtresse des pelles ~ Pika'Ghøst~ Maîtresse des pelles ~](https://2img.net/h/cssactif.com/files/rangs/chouchou.png)
Pika'Ghøst ~ Maîtresse des pelles ~
Messages : 3193
![Tableau Spécifique [En cours - Iko'] Empty](https://2img.net/i/fa/empty.gif) | 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~? | | |
|
![Aller en bas](https://2img.net/i/empty.gif) | |
Invité Invité
![Tableau Spécifique [En cours - Iko'] Empty](https://2img.net/i/fa/empty.gif) | 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 ? ![Surprised](https://2img.net/i/fa/i/smiles/icon_surprised.gif)
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 ^^" | | |
|
![Aller en bas](https://2img.net/i/empty.gif) | |
Ikø' ![Pika'Ghøst~ Maîtresse des pelles ~ Pika'Ghøst~ Maîtresse des pelles ~](https://2img.net/h/cssactif.com/files/rangs/chouchou.png)
Pika'Ghøst ~ Maîtresse des pelles ~
Messages : 3193
![Tableau Spécifique [En cours - Iko'] Empty](https://2img.net/i/fa/empty.gif) | 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] | | |
|
![Aller en bas](https://2img.net/i/empty.gif) | |
Invité Invité
![Tableau Spécifique [En cours - Iko'] Empty](https://2img.net/i/fa/empty.gif) | 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* | | |
|
![Aller en bas](https://2img.net/i/empty.gif) | |
Ikø' ![Pika'Ghøst~ Maîtresse des pelles ~ Pika'Ghøst~ Maîtresse des pelles ~](https://2img.net/h/cssactif.com/files/rangs/chouchou.png)
Pika'Ghøst ~ Maîtresse des pelles ~
Messages : 3193
![Tableau Spécifique [En cours - Iko'] Empty](https://2img.net/i/fa/empty.gif) | 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? | | |
|
![Aller en bas](https://2img.net/i/empty.gif) | |
Invité Invité
![Tableau Spécifique [En cours - Iko'] Empty](https://2img.net/i/fa/empty.gif) | 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 | | |
|
![Aller en bas](https://2img.net/i/empty.gif) | |
Ikø' ![Pika'Ghøst~ Maîtresse des pelles ~ Pika'Ghøst~ Maîtresse des pelles ~](https://2img.net/h/cssactif.com/files/rangs/chouchou.png)
Pika'Ghøst ~ Maîtresse des pelles ~
Messages : 3193
![Tableau Spécifique [En cours - Iko'] Empty](https://2img.net/i/fa/empty.gif) | 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? | | |
|
![Aller en bas](https://2img.net/i/empty.gif) | |
Invité Invité
![Tableau Spécifique [En cours - Iko'] Empty](https://2img.net/i/fa/empty.gif) | 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 .. | | |
|
![Aller en bas](https://2img.net/i/empty.gif) | |
Ikø' ![Pika'Ghøst~ Maîtresse des pelles ~ Pika'Ghøst~ Maîtresse des pelles ~](https://2img.net/h/cssactif.com/files/rangs/chouchou.png)
Pika'Ghøst ~ Maîtresse des pelles ~
Messages : 3193
![Tableau Spécifique [En cours - Iko'] Empty](https://2img.net/i/fa/empty.gif) | 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 | | |
|
![Aller en bas](https://2img.net/i/empty.gif) | |
Invité Invité
![Tableau Spécifique [En cours - Iko'] Empty](https://2img.net/i/fa/empty.gif) | 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:
| | |
|
![Aller en bas](https://2img.net/i/empty.gif) | |
Ikø' ![Pika'Ghøst~ Maîtresse des pelles ~ Pika'Ghøst~ Maîtresse des pelles ~](https://2img.net/h/cssactif.com/files/rangs/chouchou.png)
Pika'Ghøst ~ Maîtresse des pelles ~
Messages : 3193
![Tableau Spécifique [En cours - Iko'] Empty](https://2img.net/i/fa/empty.gif) | Tu peux me montrer ton code CSS~? | | |
|
![Aller en bas](https://2img.net/i/empty.gif) | |
Invité Invité
![Tableau Spécifique [En cours - Iko'] Empty](https://2img.net/i/fa/empty.gif) | 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> | | |
|
![Aller en bas](https://2img.net/i/empty.gif) | |
Ikø' ![Pika'Ghøst~ Maîtresse des pelles ~ Pika'Ghøst~ Maîtresse des pelles ~](https://2img.net/h/cssactif.com/files/rangs/chouchou.png)
Pika'Ghøst ~ Maîtresse des pelles ~
Messages : 3193
![Tableau Spécifique [En cours - Iko'] Empty](https://2img.net/i/fa/empty.gif) | 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)* | | |
|
![Aller en bas](https://2img.net/i/empty.gif) | |
Invité Invité
![Tableau Spécifique [En cours - Iko'] Empty](https://2img.net/i/fa/empty.gif) | 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 ! èé | | |
|
![Aller en bas](https://2img.net/i/empty.gif) | |
Ikø' ![Pika'Ghøst~ Maîtresse des pelles ~ Pika'Ghøst~ Maîtresse des pelles ~](https://2img.net/h/cssactif.com/files/rangs/chouchou.png)
Pika'Ghøst ~ Maîtresse des pelles ~
Messages : 3193
![Tableau Spécifique [En cours - Iko'] Empty](https://2img.net/i/fa/empty.gif) | 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 | | |
|
![Aller en bas](https://2img.net/i/empty.gif) | |
Invité Invité
![Tableau Spécifique [En cours - Iko'] Empty](https://2img.net/i/fa/empty.gif) | 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 .___. | | |
|
![Aller en bas](https://2img.net/i/empty.gif) | |
Ikø' ![Pika'Ghøst~ Maîtresse des pelles ~ Pika'Ghøst~ Maîtresse des pelles ~](https://2img.net/h/cssactif.com/files/rangs/chouchou.png)
Pika'Ghøst ~ Maîtresse des pelles ~
Messages : 3193
![Tableau Spécifique [En cours - Iko'] Empty](https://2img.net/i/fa/empty.gif) | Ha moi il me le fait pas o.o tiens, donne moi ton code CSS en entier on va compter les accolades ![Tableau Spécifique [En cours - Iko'] 3333627970](/users/3911/10/76/28/smiles/3333627970.png) *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 ![Amour](/users/3911/10/76/28/smiles/621434.gif) je m'éclate bien moi, c'est mon premier sujet où j'aide quelqu'un ![Tableau Spécifique [En cours - Iko'] 3333627970](/users/3911/10/76/28/smiles/3333627970.png) | | |
|
![Aller en bas](https://2img.net/i/empty.gif) | |
Invité Invité
![Tableau Spécifique [En cours - Iko'] Empty](https://2img.net/i/fa/empty.gif) | 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; } | | |
|
![Aller en bas](https://2img.net/i/empty.gif) | |
Ikø' ![Pika'Ghøst~ Maîtresse des pelles ~ Pika'Ghøst~ Maîtresse des pelles ~](https://2img.net/h/cssactif.com/files/rangs/chouchou.png)
Pika'Ghøst ~ Maîtresse des pelles ~
Messages : 3193
![Tableau Spécifique [En cours - Iko'] Empty](https://2img.net/i/fa/empty.gif) | 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 ![Tableau Spécifique [En cours - Iko'] 3333627970](/users/3911/10/76/28/smiles/3333627970.png) 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)] | | |
|
![Aller en bas](https://2img.net/i/empty.gif) | |
Invité Invité
![Tableau Spécifique [En cours - Iko'] Empty](https://2img.net/i/fa/empty.gif) | 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* | | |
|
![Aller en bas](https://2img.net/i/empty.gif) | |
Ikø' ![Pika'Ghøst~ Maîtresse des pelles ~ Pika'Ghøst~ Maîtresse des pelles ~](https://2img.net/h/cssactif.com/files/rangs/chouchou.png)
Pika'Ghøst ~ Maîtresse des pelles ~
Messages : 3193
![Tableau Spécifique [En cours - Iko'] Empty](https://2img.net/i/fa/empty.gif) | 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~? | | |
|
![Aller en bas](https://2img.net/i/empty.gif) | |
Invité Invité
![Tableau Spécifique [En cours - Iko'] Empty](https://2img.net/i/fa/empty.gif) | 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 ?? | | |
|
![Aller en bas](https://2img.net/i/empty.gif) | |
Ikø' ![Pika'Ghøst~ Maîtresse des pelles ~ Pika'Ghøst~ Maîtresse des pelles ~](https://2img.net/h/cssactif.com/files/rangs/chouchou.png)
Pika'Ghøst ~ Maîtresse des pelles ~
Messages : 3193
![Tableau Spécifique [En cours - Iko'] Empty](https://2img.net/i/fa/empty.gif) | 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 ![Tableau Spécifique [En cours - Iko'] 3333627970](/users/3911/10/76/28/smiles/3333627970.png) *et ptêtre que jvais encore pouvoir augmenter mon niveau CSS XD j'étais à 4, maintenant je suis à 6 ![Tableau Spécifique [En cours - Iko'] 3333627970](/users/3911/10/76/28/smiles/3333627970.png) * | | |
|
![Aller en bas](https://2img.net/i/empty.gif) | |
Invité Invité
![Tableau Spécifique [En cours - Iko'] Empty](https://2img.net/i/fa/empty.gif) | 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 ? ^^" | | |
|
![Aller en bas](https://2img.net/i/empty.gif) | |
Contenu sponsorisé
![Tableau Spécifique [En cours - Iko'] Empty](https://2img.net/i/fa/empty.gif) | |
![Aller en bas](https://2img.net/i/empty.gif) | |
| Tableau Spécifique [En cours - Iko'] | |
|