Css roulant
MrPunkywwefan


Site/blog

21 messages

posté le 2009-10-05 à 21:10:21

[b]Bonjour a tous !
Voila cela fais plusieurs jours que je cherche mais en vain alors je voudrais savoir comment avoir un css roulant c'est a dire avec des fenetres comme celui ci :
[lien]
En attendant je vous remercie et j'attends votre réponse avec impatience car j'en ai vraiment besoin ![/b]

Merci a vous

Wrestling-Source ta source n'°1 sur le Catch ( Wwe,Ufc;Tna ...)

Master Chief


Site/blog

356 messages

posté le 2009-10-05 à 22:36:25


Je crois que la question a déjà été posé
ici :[lien]

Nicolas

PapyClic


Site/blog

7328 messages

posté le 2009-10-05 à 22:36:48



J'ai déjà répondu pour ce genre de présentation, regardes ce sujet et ma réponse [lien]

Bonne soirée


MrPunkywwefan


Site/blog

21 messages

posté le 2009-10-05 à 23:04:09

Que dois je faire car je ne trouve pas Height ? Veuillez m'excuser si je ne comprends pas ...

#contenu
{
background : http;
color : #FFFFFF;
width : 730px;
padding-top : 5px;
padding-left : 5px;
padding-right : 60px;
padding-bottom : 5px;
margin-top : 5px;
margin-left : 200px;
font-size : 10pt;
font-family : Comic sans ms;
}
#contenu h3
{
background : http;
color : #242424;
width : 450px;
margin : 10px 0 10px 0;
padding : 10px 0 15px 50px;
font : bold 11pt Trebuchet MS;
}
#contenu ul
{
list-style-type : square;
margin-left : 15px;
text-align : center;
}
#contenu a
{
background : #000000;
color : #FFFFFF;
text-decoration : none;
font-size : 10pt;
font-family : Arial;
text-align : center;
}
#contenu a:hover
{
background : #;
color : #FFFFFF;
text-decoration : blink;
text-align : center;
}
#bas
{
background : #;
color : #;
text-align : center;
margin : auto;
border : 1px solid #FFFFFF;
}
#spacer
{
height : 20px;
clear : both;
}
hr { margin:5px; height:1px; background-color:;}
fieldset { border:0; }
* html #menu h2{width: 172px;}
#contenu ol {list-style-type: decimal;margin-left:25px;}

Wrestling-Source ta source n'°1 sur le Catch ( Wwe,Ufc;Tna ...)

PapyClic


Site/blog

7328 messages

posté le 2009-10-06 à 00:36:28

re

je ne trouve pas Height

C'est normal il faut l'ajouter pour limiter la hauteur de la partie où tu veux avoir la barre de défilement vertical.

Donc par exemple dans la partie "Contenu" et la partie "Menu"
il faut rajouter les 2 lignes suivantes.
height : 500px;
overflow : auto;

Bonne continuation



MrPunkywwefan


Site/blog

21 messages

posté le 2009-10-06 à 16:01:37

Impecable merci à toi par contre le menu a gauche ca ne marche pas ?
Peus tu aller voir toi meme et m'expliquer stp papy clic ? sinon voila ce que ca m'affiche :

#menu
{
width : 170px;
border-style : solid;
border-color : #242424;
float : left;
border : 1px inset #FFFFFF;
}
#menu ul
{
list-style-type : none;
}
#menu ul li
{
background : #;
background-image : url(http://img.webme.com/pic/n/naazimcadeneme/gri1.gif);
color : #FFFFFF;
width : 170px;
height : px;
margin-top : 0px;
text-align : center;
line-height : 25px;
}
#menu ul li a
{
background : #000000;
background-image : url(http://img.webme.com/pic/n/naazimcadeneme/gri1.gif);
color : #FFFFFF;
text-decoration : none;
width : 170px;
height : px;
font-size : 11pt;
font-family : Comic Sans MS;
border-width : 1px;
border-style : double;
border-color : #FFFFFF;
display : block;
border : 0px outset #242424;
line-height : 25px;
}
#menu ul li a:hover
{
background : #000000;
background-image : url(http://img.webme.com/pic/n/naazimcadeneme/gri1.gif);
color : #FFFFFF;
width : 170px;
font-size : 12pt;
font-family : Comic Sans MS;
border-width : 0px;
border-style : solid;
border-color : #242424;
border : 0px inset #242424;
line-height : 25px;
}
#menu h2
{
background : #4B4B4B;
background-image : url(http://www.blog4ever.com/blogfichiers/254221/boximages/254221090320071950.jpg);
color : #FFFFFF;
text-decoration : none;
width : 170px;
font-size : 11pt;
font-family : Comic Sans MS;
border-width : 0px;
border-style : solid;
border-color : #242424;
text-align : center;
display : block;
border : 0px outset #242424;
line-height : 25px;
}

Wrestling-Source ta source n'°1 sur le Catch ( Wwe,Ufc;Tna ...)

PapyClic


Site/blog

7328 messages

posté le 2009-10-06 à 21:09:29



Dans cette règle il faut ajouter les 2 lignes en gras

#menu
{
width : 170px;
border-style : solid;
border-color : #242424;
float : left;
border : 1px inset #FFFFFF;
height : 500px;
overflow : auto;
}

J'ai regardé ton blog, je ne comprends pas... tu veux mettre des barres de défilement et tu mets une hauteur de 1300px, le défilement te sert presque à rien.
On utilise ce système quand on veut faire défiler une page dans une fenêtre de petite hauteur, c'est pour cette raison que j'ai mis 500px dans mon exemple.

Bonne soirée




MrPunkywwefan


Site/blog

21 messages

posté le 2009-10-07 à 16:44:21

Merci à toi !

C'est bon tout ceci est impecable mais il reste 2 problemes je voudrais savoir comment avoir plus d'espace a gauche et droite de ma page comme sur ce blog [lien]
et 2nd probléme comment mettre des images dans le menu ?

Entout cas merci beaucoup papyclic pour ton aide !

Wrestling-Source ta source n'°1 sur le Catch ( Wwe,Ufc;Tna ...)

PapyClic


Site/blog

7328 messages

posté le 2009-10-07 à 19:09:24



Je suis désolé, une seule question par sujet voir [lien] ainsi d'autres blogueurs pourront te répondre et regardes un peu dans les tutoriels de ou sur mon blog DizTest [lien].

Bonne continuation



MrPunkywwefan


Site/blog

21 messages

posté le 2009-10-07 à 23:44:33

Ok mais je ne trouve vraiment pas ...

Wrestling-Source ta source n'°1 sur le Catch ( Wwe,Ufc;Tna ...)

PapyClic


Site/blog

7328 messages

posté le 2009-10-08 à 00:39:24

re


je voudrais savoir comment avoir plus d'espace a gauche et droite de ma page

Soit tu élargi la partie "Cadre" à 1200px, il faudra ce servir de la barre de défilement horizontal pour voir toute la largeur des pages.
Soit tu diminues la largeur de la partie "Contenu" à 650px.

Tu peux jouer sur les 2 largeurs en même temps à toi de choisir la présentation qui te plaira le mieux.


comment mettre des images dans le menu

Regardes ce Tuto, comme exemple : [lien]

Bonne nuit



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