AccueilCSS dans Blog4ever
colonne droite couleur des liens positionnement
ARPEGE

3 messages
0 appréciations
Hors-ligne
0 | | 10 février 2009
:b1: Papyclic,

Me voilà sur ton forum ! Je pense être dans la bonne rubrique pour une partie de ma question...

J'ai mis une colonne droite dans mon blog Dahlia :flech: [lien].

J'ai fait des essais sur FF, IE8, Safari et même Opera et vu de chez moi, la colonne était bien positionnée...mais pas de chez tout le monde car Lina avait la colonne en plein milieu de la page !!!

Sur ton code css : tu précises la marge droite pour cette colonne. Il est vrai que j'avais ramé car lorsque j'appliquais, ma colonne se trouvait complètement à droite, toute seule et isolée !
J'avais donc mis une marge qui permette à la colonne d'être à côté du contenu.....Et pour Lina.....c'était un milieu !!

J'ai tenté de mùodifier la marge mais en partant de "left" au lieu de "right"....j'ignore encore si le résultat est valable pour les autres car pour moi.....c'est correct !



Ma deuxième "question":

Cette colonne est remplie de liens vers mes articles.
Mais ils apparaissent en bleu et violet ( comme les liens "recommander ce blog, contacter l'auteur..etc).C'est plutôt moche!!

J'avais posé la question de la couleur des liens sur le forum, mais je pense que c'est aussi bien que je la mentionne sur ton forum puisque la gêne que cela entraîne ne concerne que cette colonne. (pour les liens de la page/cadre..je m'en fiche!)

Bon, je fais un roman !
Si tu as une idée.....je t'en remercie :b2:

Bonne soirée à toi

Je mets ici le css nouveau que j'ai déposé:(avec un bloc en cadre supplémentaire)


PapyClic

271 messages
1 appréciations
Hors-ligne
0 | | 10 février 2009
:b1: Arpège

Juste un petit coucou pour te souhaiter la bienvenue sur mon forum. C'est bien tu es dans la bonne catégorie, design d'un blog = CSS et bien sûr il y aura du HTML.
Par contre je ne suis pas dispo dans l'immédiat, si tout va bien demain tu auras ma réponse.
Mais déjà je peux t'avancer pour la couleur des liens, dans le CSS de la colonne de droite, il faut ajouter 2 règles :

#blocdroit a {}
#blocdroit a:hover {}

Entre les {} tu mets les attributs que tu veux.
(background, color, font, ...)

Voilà ça peut t'aider, je pense.

Bien je retourne finir ce que j'avais commencé.

A plus :sv8:




ARPEGE

3 messages
0 appréciations
Hors-ligne
0 | | 10 février 2009
:b2: Papyclic,

Je vais voir ça mais..demain probablement car je flanche ce soir!

Prends tout ton temps car on dirait que ma colonne est en place maintenant et je ne devrais avoir que cette histoire de couleur à régler.
J'avais bien ajouté ces attributs (et ça marche pour le background) mais à la suite sans les codes que tu me donnes : cela vient peut-être de ça!

Bon courage dans tes pérégrinations informatiques !

Bonne soirée à toi :sv8: (et surveille tes yeux : tu vas les épuiser ! :ptdr:

PapyClic

271 messages
1 appréciations
Hors-ligne
0 | | 11 février 2009
:b1: :b0: Arpège

Pour les liens de la colonne de droite, je pense qu'il faut conserver l'harmonie du design du blog. Il faut dans un premier temps, mettre les mêmes couleurs, que les liens du menu de gauche.

Solution:
-1- copie des 2 règlesdans le CSS en direct.
#menu ul li a
{
background : #4B3025;
color : #E18C39;
width : 160px;
font-size : 10pt;
font-family : Tahoma;
line-height : 25px;
}
#menu ul li a:hover
{
background : #4e2a18;
color : #E18C39;
text-decoration : none;
}


-2- coller ces 2 règles dans le CSS de la colonne de droite.

-3- changer #menu>>> en >>> #blocdroit...
- dans ces règles uniquement les liens contenus dans des listes seront gérés
- pour tous les liens, il faut supprimer ul li

Résultat: en ajoutant à l'autre règle gérant #blocdroit
#blocdroit
{
position: absolute;
top: 248px;
left:830px;
width: 160px;
border: 1px solid #C9CE46;
background:#4e2a18;
color:#E18C39;
}
#blocdroit a
{
background : #4B3025;
color : #E18C39;
width : 160px;
font-size : 10pt;
font-family : Tahoma;
line-height : 25px;
}
#blocdroit a:hover
{
background : #4e2a18;
color : #E18C39;
text-decoration : none;
}


Maintenant, il est possible, bien sûr, de changer les couleurs ou la police, etc...

Voilà une réponse plus détaillée, à toi de jouer...

Bonne nuit :sv8:


:note: pour la marge je vais vérifier de mon côté

Derni?re modification le 11-02-2009 ? 09:35:58
ARPEGE

3 messages
0 appréciations
Hors-ligne
0 | | 11 février 2009
:b0: bis Papyclic!


Je vais regarder de près ce que tu me suggères !

J'avais volontairement choisi une autre couleur de texte différente mais qui rappelait les titres du menu de gauche..mais rien n'étant figé, je vais me livrer à des essais avec tes codes (j'avais vu ça dans tes démos mais c'était avant que je sois 0+..alors j'avais mis de côté pour avancer pas à pas dans l'aventure!)

Pour la couleur des liens : j'ai bataillé comme une débutante que je suis mais j'ai fini par trouver !
En fait, c'est en rajoutant un style à la partie "cadre" que cela a fonctionné!
Dans la partie "page" rien à faire!
J'ai donc mis les nouveaux attributs du "cadre" dans les bordure afin de ne pas embrouiller le css d'origine (même si j'en ai fait une copie)

Pour le bas de page : j'ai suivi ton code : impeccable!Si on veut garder le style du reste, cela marche aussi avec le css pour "cadre" !

Ouf !!!!! je me régale à suivre tes conseils et à chercher aussi par moi-même, je l'avoue ! :ptdr:

Bien, je vais aller prendre l'air car je commence à "bugger" au niveau de mes neurones !

Je poursuivrai ensuite la refonte de ma colonne et je repars à zéro pour ne pas trop me mélanger les pinceaux!

En fait, le code en trop que tu as souligné était un essai de création d'un autre bloc encadré...ce qui est possible apparemment mais il faut voir....

Pour la marge: en utilisant left, ça marche aussi et il me semble que c'est plus simple de partir de la gauche...

A bientôt et "thanks so much" comme disent mes copains musiciens americains et anglais quand je leur fais une bonne critique des morceaux qu'ils me font écouter! :ptdr:

Bisous bien français celui-là!

Ce sujet est fermé, vous ne pouvez pas y répondre.
Vous ne disposez pas des permissions nécessaires pour répondre à un sujet de la catégorie CSS dans Blog4ever.
⨯

Inscrivez-vous au blog

Soyez prévenu par email des prochaines mises à jour

Rejoignez les 142 autres membres