Bannière Astraforum

[jean claude]

Très bon travail, super bannière.

[OpelAstraSport]

Whaouh la classe, j'aime beaucoup 

[jean claude]

Ah, ça commence à sentir le sapin et le vin chaud

[Gtc003]

Ah, ça commence à sentir le sapin et le vin chaud

Je te laisse le vin chaud et je prend le sapin et ce qu'il y a en dessous 

[jujube13500]

Vite fait sur toshop 

[jujube13500]

Un autre 

[oastra]

sympa, très bonne idée: faut voir les dimensions si ca rentre   

[Armen]

  j'aime bien

sympa, très bonne idée: faut voir les dimensions si ca rentre   

banniere actuelle est en dimmensions 600x120 et celle que juju a mis fera 600x197 donc un peu haut

[jujube13500]

Salut ! merci ! au pire il on réduit l'image entière pour atteindre la bonne dimension en hauteur ?

[Armen]

Salut ! merci ! au pire il on réduit l'image entière pour atteindre la bonne dimension en hauteur ?

c'est ce que j'ai calculé déja, on passe de 800 à 600 et de 263 à 197 alors que celle ci nous faut en 120 sans toucher au 600

[josh]

Salut ! merci ! au pire il on réduit l'image entière pour atteindre la bonne dimension en hauteur ?

Merci pour le boulot, très sympa la photo mais malheureusement on est vraiment limité par la hauteur à 120 pixel alors qu'on peut aller jusqu'à 900 en largeur. Et si on réduit ton image en gardant les proportions, elle ne ferait que 365x120, c'est trop petit    Mais j'aime bien l'idée, persévère   

[sylvain59]

Bonjour,

normalement tu peux modifier la taille en hauteur de ta baniere en jouant dans ta feuille de style et passer la valeur par exemple de 120 px à 250 ou 300 px. Tu vas dans ta feuille de stye qui se trouve

==> Themes/astheme_20/css/index_asbleu.css?fin20

et tu modifies la veleur du heigth. Bon il faut aussi que ton image ai une valeur plus haute car j'ai essayé en utilisant firebug mais l'image ne fait que 600 x 120

#logo {
    position: absolute;
         top: 0px;
    left: 0px;
    display: block;
    width: 600px;
    height: 120px;
    cursor: pointer;
    background: url(../images/banniere_generation_bleu.png) no-repeat;
}

a essayer je maitrise plus phpBB que smf donc je n'ai pas essayé d'aller bricoler dans le code mais y a pas de raison pour que cela ne fonctionne pas

PS : il faudra aussi peut etre modifier le header qui est également à 120px et le passer à la même taille
fichier CSS ==> Themes/astheme_20/css/index.css?fin20

cordialement

Sylvain

[josh]

Merci pour ces précisions Sylvain     Mais si on augmente la hauteur du "header" il faut aussi modifier la taille des autres blocs, notamment dans le portail, sinon il y a pas un risque de chevauchements des blocs ? 

[sylvain59]

salut josh,

non a priori aucun probleme la banniere ou le logo sont dans la div header en dessous tu as la div toolbar puis la mainarea qui est en fait le cadre général du forum

si tu peux mettre une photo sur le serveur de 850 x 250 ou 900 x  300 ou de la dimension que tu souhaites  je pourrais faire des essais sans que cela n'affecte le site en travaillant sur mon navigateur avec firebug petit plugin bien pratique quand tu veux tester des modifications des css ou le code php d'un site dans toucher au code

a priori les photos sont déposées dans le dossier Themes/astheme_20/images/   donc une fois déposé fais moi signe

Une fois que tu as repéré les bons chgt, tu sauvegarde ton fichier intial puis tu fais les modifs dnas le code et tu vois ce que çà donne c'est plutot simple

bonne journée

sylvain

[sylvain59]

Bonjour,

voici un exemple de ce que l'on peux faire juste en modifiant deux ou trois données dans le fichier CSS.

Il n'y a aucune limite à la banniere juste recoder et ca prend 5 minutes



Bon j'ai juste pris le lien d'une photo trouvée sur le forum 800x377 c'ets moche mais ca montre qu'on peut. Je pense qu'une 1024 par 350 voir cidessous sur le lien :

[img width= height= alt=Heberger image]https://www.astraforum.fr/hostingpics/mini_502977Capturede769cran20170124a768171437.png[/img]

ou ça :



Je ne réalise pas les baniere je suis nul en photo montage mais si vous concevez la banniere je peux donner exactement les modifs à faire dans le code
a plus