Tableau Page d'accueil

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Tableau Page d'accueil

Message par Katchou le Ven 26 Mar 2010 - 19:23

Bonsoir tout le monde!

Désolé de poster un énième message sur le moyen de faire un page d'accueil, mais je souhaiterais savoir comment faire non pas la page d'accueil en elle-même ne souhaitant pas proprement copier, mais comment faire l'apparence carrée au bords légèrement arrondis qu'il y a sur la page d'accueil de ce forum:
http://westown-show.forumactif.org/forum.htm
Je parle bien entendu des parties "synopsis", "spotlight" etc de la page d'accueil.
Le fond est allongé, légèrement carré mais arrondis aux extrémités.
Comment parvenir à faire cela?

Ah et une question aussi que je me pose, quand je modifie un colonne de ma page d'accueil, cela empiète parfois sur les autres parties, alors qu'ici, tout est parfaitement aligné et espacé, comment faire?

J'espère que quelqu'un saura m'aider,
en vous souhaitant une bonne soirée.

Katchou.


Dernière édition par Katchou le Dim 28 Mar 2010 - 10:33, édité 1 fois

Katchou
****

Féminin
Messages : 246
Inscrit(e) le : 12/09/2007

Katchou a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Tableau Page d'accueil

Message par Invité le Ven 26 Mar 2010 - 21:05

Bonjour,

Une de mes bonnes résolutions de la nouvelle ère c'est que je ne répondrai qu'à une question par sujet, si les autres questions ne sont pas du même contexte... Mr. Green
Sérieusement, comment feront ceux qui auraient la même question que toi en recherchant dans le moteur interne, hum ?
(De plus je n'ai pas vraiment compris la deuxième question... Confused)

Pour la première, le code des coins arrondis n'a pas la bonne syntaxe parce que moi avec Opera, je ne les vois pas (alors que la dernière version les vois maintenant).
Le mieux est de passer par le CSS (Affichage >> Couleurs > Feuille de style CSS) :
.cadremenu {background-color: #code_couleur_fond;
padding-top: 4px; padding-bottom: 2px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
color: #code_couleur_texte;
font-weight: bold;
}
Les dimensions sont à titre indicatif, tu les mets à ta sauce.

En HTML on reprend ainsi :
Code:
<table align="center" widht="100%" cellspacing="0" cellpadding="5" border="0"><tbody><tr>
<td class="cadremenu" align="center" valign="top">TITRE 1</td>
<td class="cadremenu" align="center" width="25%" valign="top">TITRE 2</td>
<td class="cadremenu" align="center" width="25%" valign="top">TITRE 3</td>
</tr>
<tr>
<td align="center" valign="middle">CONTENU 1</td>
<td align="center" width="25%" valign="middle">CONTENU 2</td>
<td align="center" width="25%"  valign="middle">CONTENU 3</td>
</tr></tbody></table>
Là aussi c'est à titre d'exemple...

Si tu ne veux pas passer par le CSS, tu peux aussi le reprendre les propriétés CSS directement autour des TITRE par du style dans une balise "span" :
Code:
<span style="background-color: #code_couleur_fond; padding-top: 4px; padding-bottom: 2px; -moz-border-radius: 10px; -webkit-border radius: 10px; border-radius: 10px; color: #code_couleur_texte; font-weight: bold;">TITRE 1</span>
ECT pour les autres titres.
Mais bon, c'est moins pratique que par le CSS je trouve...

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Tableau Page d'accueil

Message par Katchou le Sam 27 Mar 2010 - 10:17

Merci pour cette réponse aussi rapide et complète^^
Mais le fait est que j'ai quelques soucis ><
D'abord quand je fais varier les pourcentages c'est le bronx X.x
Je met un nombre de pourcentage qui est égal à 100 sauf que dans tous les cas cela reste tout petit... Par exemple si je met 40, 30 30 Les trois cadres sont minuscules... Je pense que j'ai raté un truc mais je ne comprends pas quoi :/
Ensuite les trois bulles sont également collées...
J'aimerais savoir comment, comme sur le forum d'exemple que j'ai montré, faire pour qu'il y ait un espace entre chaque titre et contenu...

Merci pour l'aide en tout cas x)

Katchou
****

Féminin
Messages : 246
Inscrit(e) le : 12/09/2007

Katchou a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Tableau Page d'accueil

Message par Invité le Sam 27 Mar 2010 - 15:12

Essaie de mettre un cellspacing="5" au "table".

Si ça ne va toujours pas, donne ton code pour voir ce qui cloche.
En fait moi je répondais juste à ta première question qui était :
@Katchou a écrit:comment faire l'apparence carrée au bords légèrement arrondis qu'il y a sur la page d'accueil de ce forum:
http://westown-show.forumactif.org/forum.htm
Je parle bien entendu des parties "synopsis", "spotlight" etc de la page d'accueil.
Le fond est allongé, légèrement carré mais arrondis aux extrémités.
Comment parvenir à faire cela?
Je n'ai pas vraiment chercher à configurer un tableau, là c'était juste pour l'exemple.

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Tableau Page d'accueil

Message par Katchou le Sam 27 Mar 2010 - 16:15

Ah d'accord désolé, je n'avais pas bien comprit :/
Merci de m'avoir aidé en tout cas, cependant, n'étant vraiment pas doué, pourrais-tu m'indiquer comment faire pour obtenir un tableau de trois colonnes et trois lignes, intégrant le code CSS que tu m'as fournit?
Désolé si j'en demande trop ><

Mais merci de m'avoir aidé en tout cas^^

Katchou
****

Féminin
Messages : 246
Inscrit(e) le : 12/09/2007

Katchou a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Tableau Page d'accueil

Message par Invité le Sam 27 Mar 2010 - 16:19

Ben mon exemple est un de ces tableau et je t'explique deux variantes de comment y incorporer le style (CSS) pourtant...

As-tu essayé avec ce que je te propose d'ajouter plus haut : cellspacing="5"

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Tableau Page d'accueil

Message par Katchou le Dim 28 Mar 2010 - 0:34

Oui j'ai mit 5 et les colonnes ne sont plus collées c'est parfait^^
Mais le souci n'est pas là ><
Je ne parviens pas à équilibrer les parties, en faisant varier les pourcentages.
J'aimerais avoir trois parties égales, qui prennent l'espace de ma page d'accueil. Or, voici ce que cela donne:
//
C'est mon forum de test, désolé si c'est un peu brouillon :/

Les trois parties sont toutes petites comme tu peux le voir ><
Comment faire pour qu'elles prennent l'espace de la page d'accueil?

Bonne nuit!


Dernière édition par Katchou le Dim 28 Mar 2010 - 10:33, édité 1 fois

Katchou
****

Féminin
Messages : 246
Inscrit(e) le : 12/09/2007

Katchou a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Tableau Page d'accueil

Message par Invité le Dim 28 Mar 2010 - 6:07

Je m'auto-quote parce qu'on ne peut rien voir de ton forum vu qu'il est en construction...
Final-Blond a écrit:Essaie de mettre un cellspacing="5" au "table".

Si ça ne va toujours pas, donne ton code pour voir ce qui cloche.

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Tableau Page d'accueil

Message par Katchou le Dim 28 Mar 2010 - 10:32

Ah zut je suis vraiment tête en l'air ><
Mais en fait c'est bon je me suis débrouillée et le tableau est parfait à présent bien équilibrée et avec des espaces^^
Merci beaucoup pour ton aide x)
& Bonne journée^^

Katchou
****

Féminin
Messages : 246
Inscrit(e) le : 12/09/2007

Katchou a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum