IMAGE BLOC DROIT
nanou85


Site/blog

1185 messages

posté le 2012-02-06 à 20:37:32

RE à tous,
est ce que je peux changer les images du bloc ?
si oui je vais où ?

[]



PapyClic


Site/blog

7329 messages

posté le 2012-02-06 à 21:54:25

Nanou

Pour changer l'image des titres de tous les blocs que tu as créés à droite, il faut créer une règle dans le CSS que tu as mis dans les bordures.

.bloc_droit h2
{
background-image: url(http:// adresse de la nouvelle image);
}

Bonne soirée
simon


Site/blog

3176 messages

posté le 2012-02-06 à 21:56:32

nanou


Sans doute #menu2 h2{

Je ne peux pas voir ce blog.
Soit dans un fichier artifichier.css ou bordures de page..........

Cent fois sur le métier remets ton ouvrage...
...Car c'est en forgeant qu'on devient forgeron



simon


Site/blog

3176 messages

posté le 2012-02-06 à 22:14:01

on se croise.

J'ai trouvé le blog !

J'ai mis la hauteur à 225px donc il faudra modifier selon l'image

#blocdroit h2
{
background : #;
background-image : url("http://adresse image");
background-repeat : no-repeat;
height : 225px;
}



<!--
<!--
#blocdroit
{
position : absolute;
top : 800px;
left: 1005px;
width : 195px;
}
#blocdroit h2
{
background : #ccf;
background-image : url("http://adresse image");");
background-repeat : no-repeat;
height : 225px;
}
.bloc_droit
{
background : #;
background-image : url("http://static.blog4ever.com/2008/11/263239/artfichier_263239_189142_201012101908668.jpg");
background-repeat : no-repeat;
background-attachment : fixed;
background-position : top left;
width : 200px;
margin-top : 0px;
margin-left : auto;
margin-right : auto;
margin-bottom : 10px;
padding-top : 5px;
padding-left : 3px;
padding-right : 3px;
padding-bottom : 5px;
color :#D4ACE3;
font-family : Gabriola;
font-size : 22pt;
text-align : center;
}
-->
-->
Cent fois sur le métier remets ton ouvrage...
...Car c'est en forgeant qu'on devient forgeron



PapyClic


Site/blog

7329 messages

posté le 2012-02-06 à 22:30:25

... Salut

Nanou n'a pas réalisé le blocdroit normal

Si tu regardes le code source tu vas trouver ce qu'il y a dans ses bordures :

en particulier le CSS du blodroit


<!-- CSS Bloc Droit -->
<!-- ----------------- -->
<style type="text/css">
<!--
#blocdroit
{
position : absolute;
top : 810px;
left: 1005px;
width : 195px;
}

.bloc_droit
{
background : #;
background-image : url("http://static.blog4ever.com/2008/11/263239/artfichier_263239_189142_201012101908668.jpg");
background-repeat : no-repeat;
background-attachment : fixed;
background-position : top left;
width : 200px;
margin-top : 0px;
margin-left : auto;
margin-right : auto;
margin-bottom : 10px;
padding-top : 5px;
padding-left : 3px;
padding-right : 3px;
padding-bottom : 5px;
color :#D4ACE3;
font-family : Gabriola;
font-size : 22pt;
text-align : center;
}
-->
</style>


#blocdroit c'est la colonne complète

Par contre chaque bloc à une CLASS .bloc-droit

donc il faut ce code :


.bloc_droit h2
{
background-image: url(http:// adresse de la nouvelle image);
}


Ou il faudrait tout changer le CSS et le code HTML


simon


Site/blog

3176 messages

posté le 2012-02-06 à 23:01:40

re

.bloc_droit h2
{
background-images: url(http:// adresse de la nouvelle image);
}

J'ai testé mais ça ne fonctionne pas.




Mais mon code ça fonctionne!
Il y a 2 codes un code avec #menu et l'autre avec .menu
ce qui semble gêner.



J'ai mis une image au pif.






<!--
#blocdroit
{
position : absolute;
top : 800px;
left: 1005px;
width : 195px;
}
#blocdroit h2
{
background : #;
background-image : url("http://static.blog4ever.com/2008/11/263239/artfichier_263239_189142_201012101908668.jpg");
background-repeat : no-repeat;
height : 225px;
}
.bloc_droit
{
background : #;
background-image : url("http://static.blog4ever.com/2008/11/263239/artfichier_263239_189142_201012101908668.jpg");
background-repeat : no-repeat;
background-attachment : fixed;
background-position : top left;
width : 200px;
margin-top : 0px;
margin-left : auto;
margin-right : auto;
margin-bottom : 10px;
padding-top : 5px;
padding-left : 3px;
padding-right : 3px;
padding-bottom : 5px;
color :#D4ACE3;
font-family : Gabriola;
font-size : 22pt;
text-align : center;
}
-->
Cent fois sur le métier remets ton ouvrage...
...Car c'est en forgeant qu'on devient forgeron



PapyClic


Site/blog

7329 messages

posté le 2012-02-06 à 23:43:29

..

ça fonctionne pas car il y a une erreur un S à image de background-image

Mais ton code peut fonctionner si tu mets #blocdroit h2

J'ai testé ton code est bon bizarrement le mien non.

Donc Nanou tu rajoutes :

#blocdroit h2
{
background : #;
background-image : url(http:// adresse de l'image );
}

Bonne soirée

simon


Site/blog

3176 messages

posté le 2012-02-07 à 09:07:59

Nanou


tu as le coup d’œil ! je n'avais pas vu le s à image.

Il y a aussi cette règle .bloc_droit qui ne fonctionne pas, et qui ne sert à rien puisqu'il y a déjà #blocdroit.

Voici la correction que j'ai testé et qui fonctionne.


<!--
#blocdroit
{
position : absolute;
top : 800px; /* correction */
left: 1005px;
width : 195px;
text-align: center; /* aligne le texte*/
}

#blocdroit h2
{
background : #;
background-image: url(http://rapidechange.com/v/318211/xdmvRv1y/coeur_rose5126020251.gif);
background-repeat: no-repeat;
background-position : 50% 50%;
color : #D4ACE3;
width : 195px;
height : 235px;
text-align: center;
border-width : 2px;
border-style : double;
border-color : #D4ACE3;
}
-->
-->


Il suffit de remplacer l'image dans h2

Je pense que l'on peut aussi ajouter des blodroit ul li a ect....pour personnaliser les cellules.






Cent fois sur le métier remets ton ouvrage...
...Car c'est en forgeant qu'on devient forgeron



simon


Site/blog

3176 messages

posté le 2012-02-07 à 09:23:42

Cent fois sur le métier remets ton ouvrage...
...Car c'est en forgeant qu'on devient forgeron



PapyClic


Site/blog

7329 messages

posté le 2012-02-07 à 09:59:10



Je n'ai pas voulu tout modifier de ce que Nanou avait fait, différent du code que j'ai créé pour l'installation d'un blocdroit.

Sa règle .bloc_droit gère le style des modules, la règle #blocdroit gère le style de la colonne ID blocdroit qui contient tous les modules, comme à gauche ID #menu.
Mais elle n'avait pas créé , la règle pour les titres h2, ni pour les liens #blodroit ul li a et #blodroit ul li a:hover.

Donc, si tu as le temps refais son code de A à Z, elle le collera à la place du sien, perso je ne suis pas beaucoup dispo aujourd'hui et demain.

Bonne journée





simon


Site/blog

3176 messages

posté le 2012-02-07 à 10:31:41


Nanou

voici le code à mettre dans les bordures:

Efface le code de ce menu droit puis colle celui-ci.




<!--
#blocdroit
{
position : absolute;
top : 800px;
left: 1005px;
width : 195px;
text-align: center;
}
#blocdroit ul
{
list-style-type : none;
}

#blocdroit ul li
{
background-image : url(http://);
background-repeat : no-repeat;
width : 195px;
height : 40px;
margin-top : 20px;
}

#blocdroit ul li a
{
background-image : url(http://);
background-repeat : no-repeat;
color : #D4ACE3;
width : 195px;
height : 40px;
padding-top : 10px;
padding-left : 10px;
margin-top : 12px;
font-size : 22pt;
font-family : Gabriola;
border-width : 2px;
border-style : double;
border-color : #D4ACE3;
display : block;
line-height : 25px;

}
#blocdroit ul li a:hover
{
background-image : url(http://);
background-repeat : no-repeat;
color : #cc0;
text-decoration : none;

}


#blocdroit h2
{
background : #;
background-image: url(http://rapidechange.com/v/318211/xdmvRv1y/coeur_rose5126020251.gif);
background-repeat: no-repeat;
background-position : 50% 50%;
color : #D4ACE3;
width : 200px;
height : 235px;
text-align: center;
border-width : 2px;
border-style : double;
border-color : #D4ACE3;
}
-->


Cent fois sur le métier remets ton ouvrage...
...Car c'est en forgeant qu'on devient forgeron



nanou85


Site/blog

1185 messages

posté le 2012-02-07 à 11:44:41

et ,
merci à vous deux de vous donner autant de mal pour moi c'est super gentil, je vous avoue que j'ai bien rigolé en suivant votre conversation en faite ce dialogue je mis met de suite, encore merci



nanou85


Site/blog

1185 messages

posté le 2012-02-07 à 11:59:02

, je pense qu'il y à un petit problème

[lien]

Désolé c'est bon je viens de rectifié .

Dernière modification le 07-02-2012 à 13:33:29



simon


Site/blog

3176 messages

posté le 2012-02-07 à 14:28:59




Bon! je vois que tu es satisfaite et c'est ce qui compte.

Tu sais, avec je n'ai pas de problème car grâce à lui j'apprends des tas de choses.
nous sommes une équipe efficace.

Je te laisse faire la suite et je te fais confiance car c'est assez joli comme ça.

N'oublies pas de faire une sauvegarde.

Cent fois sur le métier remets ton ouvrage...
...Car c'est en forgeant qu'on devient forgeron



nanou85


Site/blog

1185 messages

posté le 2012-02-07 à 15:18:16

, oui j'ai fait une sauvegarde et c'était pour moi une évidence que le courant passait bien avec , toi et le reste de l'équipe, vous êtes tous géniaux



simon


Site/blog

3176 messages

posté le 2012-02-07 à 15:56:44


Oui une équipe..... géniale, efficace, terrible, professionnelle,compétente,dynamique,inventive,heuuuu aides-moi je cale !!!!mais oui fantastique !







Cent fois sur le métier remets ton ouvrage...
...Car c'est en forgeant qu'on devient forgeron



Ce sujet est fermé, vous ne pouvez pas y répondre

Il faut être membre de ce forum pour ajouter un nouveau sujet ou répondre à un sujet, dans cette catégorie



Cliquez sur la carte :
dashboard ===> Nombre d'utilisateurs en ligne===> Nombre de personnes sur chaque page
lecteurs ===> Une liste des pages les plus consultées, avec le nombre de visiteur sur chaque page.
cartes ===>Le mode normal vous montre d'où viennent les visiteurs. Les cibles clignotent pour les personnes qui viennent de se connecter.
Historique :
lines => 24 h day ===>Un graphique des visiteurs durant les dernières 24 heures.

Recommander ce blog | Contacter l'auteur | Signaler un contenu | S'abonner au blog Flux RSS du blog | Espace de gestion | Annuaire des blogs