Aller au menu - Aller au contenu

[Plan du site] Vous êtes ici --- > Le Site du Zéro > Les forums > Site Web > XHTML / CSS > Comment faire un design d'un news ? > Lecture du sujet

Comment faire un design d'un news ?

Vous devez être inscrit pour pouvoir poster des messages

Page : 1 
Auteur Message
1 visiteur sur ce sujet (1 anonyme)
Page : 1 
Hors ligne Ricain # Posté le 29/11/2005 à 19:29:54
reflechis et tu trouveras
Avatar
Groupe : Membres
Salut tout le monde alors voila ma question comment metre un design dans une news vous alez me dir facile mais moi je parle d'image par exemple bord.jpg c'est le bord de la news haut.jpg c'est le haut de la news... jusque la pas tres dur mais voila les news ne font pas tout la meme taille donc comment je peut faire pour que le design de la news soi extensible ? chepa si vous me comprener

Merci ^^

Image utilisateur
Image utilisateur
Image utilisateur
 
Hors ligne Gurthang # Posté le 29/11/2005 à 19:44:18
Avatar
Groupe : Membres
Il faut que tu fasses une image tres fine (genre 1 ou 2 px de haut) et que tu mettes cette propriété dans ton fichier CSS pour ton bloc de news :

Code : CSS

background-image: url(images/image.jpg);
background-repeat: no-repeat;
background-position: center center;
Hors ligne Ricain # Posté le 29/11/2005 à 19:47:02
reflechis et tu trouveras
Avatar
Groupe : Membres
A quoi va servir l'image tres fine je comprend pas

Image utilisateur
Image utilisateur
Image utilisateur
 
Hors ligne tibozil # Posté le 29/11/2005 à 19:49:30
Avatar
Groupe : Membres
Salut à toi!

Le problème ne se pose pas pour ton image haut.jpg
Ensuite sur les côtés, tu prends une image qui se répète et s'adapte à la longueur de ta news, d'où l'extensibilité.
Si tu souhaites un dégradé, tu peux ensuite, si la news venait à dépasser la longueur de l'image du dégradé, mettre en backgroundcolor la couleur de la fond du degradé.
D'une façon générale, c'est avec la ruse que tu parviendras à resoudre ce genre de petit problème. Si tu es dans une situation bien précise ici, alors donne-nous plus de détails pour te venir en aide.

Bonne soirée :)

 
Hors ligne Ricain # Posté le 29/11/2005 à 19:53:49
reflechis et tu trouveras
Avatar
Groupe : Membres
Ba enfaite faut juste que 2 images soiye extensible par raport au text de la news et la chepa comment faire

Image utilisateur
Image utilisateur
Image utilisateur
 
Hors ligne tibozil # Posté le 29/11/2005 à 19:59:10
Avatar
Groupe : Membres
Tes images s'enchainent-elles?
Je veux dire par la que le haut correspond-il au bas de l'image?
Dans ce cas la, une simple répétition de l'image suffira.
En revanche si tes images ne s'enchainent pas, je vois difficilement comment tu pourrais faire.
Peux-tu nous montrer l'image en question?
Si le bas est uniforme tu peux appliquer un backgroundcolor de la même couleur, comme expliqué dans mon post précédent.

 
Hors ligne Gurthang # Posté le 29/11/2005 à 20:02:06
Avatar
Groupe : Membres
Je t'explique :
Le code CSS que je t'ai donné fera répéter une image tout au long du bloc de news.
Comme elle est très fine, ca sera à la bonne longueur.

Il faut que le image.jpg soit de la largeur de ton block.
Le code que je t'ai donné fera répéter cette image sur toute sa largeur sur la longueur nécessaire pour ton block.

C'est la méthode que j'ai utilisé sur mon site :
http://www.lotr-bfme.com/index2.php

Il y a une image header, une image footer et entre les deux une image bloc.jpg qui fait 2 px de haut et qui se repète autant de fois que nécessaires
Hors ligne Ricain # Posté le 29/11/2005 à 20:44:54
reflechis et tu trouveras
Avatar
Groupe : Membres
Donc enfaite je cree une autra image exactement la meme que bord.jpg SAUF que je la fait tres fine et je met ton code et le tour est jouer ? je vais tester je vosu dit sa ^^

Image utilisateur
Image utilisateur
Image utilisateur
 
Hors ligne Gurthang # Posté le 29/11/2005 à 21:15:15
Avatar
Groupe : Membres
Voila normalement oui (si tes news sont sous la forme de bloc)
Il te faut une image pour en bas et une pour en haut aussi

Retour au forum "XHTML / CSS" ou à la liste des forums

Vous devez être inscrit pour pouvoir poster des messages

Changer de design | En savoir plus | Plan du site | Politique d'accessibilité | Règles | RSS tutoriels | RSS news
Édité par Simple IT SARL : Nous contacter | Notre blog | Revue de presse | Publicité

Y'a plus rien à lire, faut remonter maintenant !

Hébergement web - Correction de tutoriels - Créer un site
Vous souhaitez apparaître ici ? Contactez-nous.

Nombre de connectés 232 Zéros connectés | Requêtes SQL 7 requêtes | Temps de génération de la page : Total (SQL) 0.0803s (0.0613s)