Easy-Design.Net forum

EDN Motivé(e)

Rang

Inscrit le : 20/09/2009 à 12h24

Messages: 371

Le 05/11/2009 à 08h24

Graphiste chez-swan, l'idée m'est venue mais je manque d'experience sur phpboost et les .css..

J'en apprends tous les jours en ce moment..

D'autant que j'ai qq soucis pour ce premier thème, mais il est vrai dans une grande majorité que ce sont les difficultés qui font avancer...

Site web

Swan

Administrateur

Rang

Inscrit le : 01/08/2009 à 22h53

Messages: 8431

Le 05/11/2009 à 08h36

Alors alors...

Hight_tower, le tuto, je ne tarderais pas à le finir. Mais il faut que je le fasse à la manière CsN, sans copier sur PHPBoost dans leurs docs. Ne t'en fais pas, je pense que cela sera fini d'ici une bonne semaine

Pour Gerald72, Je t'accueillerais dans l'équipe avec grand plaisir le jour ou tu décidera de faire une demande. Mais pour le moment prend le temps de faire ton thème, c'est le plus important

Pour le css, je te rassure, moi aussi il m'arrive souvent d'avoir un trou de mémoire! Mais bon, une fois que tu connais les fonctions principales comme border, color, background etc ... c'est un jeu d'enfant

ensuite c'est affinement css qui est le plus dur! les padding, margin, et autres fonctions...

On avance tous, à notre manière ^^

swan_signature

Site web

saturnin

Administrateur

Rang

Inscrit le : 08/08/2009 à 22h19

Messages: 3963

Le 05/11/2009 à 08h59

pour revenir a la question

sa dois se jouer pour la tete de forum dans le forum.css vers la ligne 181
à la classe module_top. au niveau du padding, voire mieux le padding-top

as-tu firebug pour firefox d'installer sa aide beaucoup pour le css

signaturesaturnin

Accroche toi au clavier, je retire le shell...

Site web

EDN Motivé(e)

Rang

Inscrit le : 20/09/2009 à 12h24

Messages: 371

Le 05/11/2009 à 09h58

Pour le forum c'est ok. J'ai firebug et webdevelopper, heureusement d'ailleurs sinon ca serait la Berezina

Je continue à chercher pour le rallongement des mini modules droite/gauche jusqu'au footer, et je traque les anomalies visuelles (des p'tites modifs que j'aurais oublié)

Merci Saturnin Edité par gerald72 Le 05/11/2009 à 10h03

Site web

KONA

EDN Enraciné(e)

Rang

Inscrit le : 05/10/2009 à 18h20

Messages: 691

Le 05/11/2009 à 10h14

Je te conseille de créer une image 1000*1 et de créer une nouvelle class Global en background repeat-x.

Ensuite tu laisse vide les background de tes mini - module , ainsi tu aura le prolongement jusqu'au footer . Edité par KONA Le 05/11/2009 à 10h16

EDN Motivé(e)

Rang

Inscrit le : 20/09/2009 à 12h24

Messages: 371

Le 05/11/2009 à 10h31

Waou waou..

Je vais de ce pas tester.. même si je n'ai pas tout compris

Merci Kona pour l'info

Site web

KONA

EDN Enraciné(e)

Rang

Inscrit le : 05/10/2009 à 18h20

Messages: 691

Le 05/11/2009 à 10h47

Voici l'image:

Ensuite dans design.css

Code CSS :

background:url(images/bg_global.png) repeat-y;

Tu peux le mettre dans le div#Global , tu aura le contenue jusque dans le header mais au moins tu comprendras de quoi je parle .

Il suffira de creer un nouveau <div class="bg_global"> avant le <div class="main"> dans header.tpl puis refermer le div dans le footer.tpl

KONA

EDN Enraciné(e)

Rang

Inscrit le : 05/10/2009 à 18h20

Messages: 691

Le 05/11/2009 à 10h49

En gros ça donne :

/! Il faut pas oublier de supprimer les background de left_menu et right_menu /!

EDN Motivé(e)

Rang

Inscrit le : 20/09/2009 à 12h24

Messages: 371

Le 05/11/2009 à 11h00

ok, je vais faire une course, et j'inclus les modifs tout à l'heure..

Site web

EDN Motivé(e)

Rang

Inscrit le : 20/09/2009 à 12h24

Messages: 371

Le 05/11/2009 à 14h30

Dans le header.tpl

Code TPL :

# ENDIF #
 
# IF C_MENUS_RIGHT_CONTENT #
<div id="right_menu">
{MENUS_RIGHT_CONTENT}
</div>
# ENDIF #
 
[b]<div class="bg_global">[/b]
 
<div id="main">
# IF C_MENUS_TOPCENTRAL_CONTENT #
<div id="top_contents">
{MENUS_TOPCENTRAL_CONTENT}
</div>
# ENDIF #
<div id="main_content"> 
<div id="links">
 &nbs

Dans design.css

Code CSS :

 
/* ##### Conteneur global du site ###### */
div#global {
/* Extensible*/
width:1003px;
    margin:auto;
background:url(images/bg_global.png) repeat-y;
}

Voilà où j'en suis maintenant.

Dans le header.tpl j'ai ajouté la ligne <div class="bg_global" mais je ne sais pas comment la "refermer" dans le footer.tpl.

Je vais voir sur phpboost si d'autres personnes ont effectué ce genre de modifications. Edité par gerald72 Le 05/11/2009 à 14h31

Site web

KONA

EDN Enraciné(e)

Rang

Inscrit le : 05/10/2009 à 18h20

Messages: 691

Le 05/11/2009 à 15h13

ton HTML et bon mais pas le CSS

Laisse ton div#global comme ceci :

Code CSS :

div#global {
/* Extensible*/
width:1003px;
    margin:auto;
}

Et tu crée une nouvelle class =>

Code CSS :

div#bg_global {
/* Extensible*/
background:url(images/bg_global.png) repeat-y;
}

ça fonctionnera mieux , ensuite ouvre footer.tpl et au dessus de </body> tu ajoute </div>

EDN Motivé(e)

Rang

Inscrit le : 20/09/2009 à 12h24

Messages: 371

Le 05/11/2009 à 15h35

Je te remercie de ta patience Kona, tes explications sont claires mais je n'y parviens pas. Edité par gerald72 Le 05/11/2009 à 15h37

Site web

KONA

EDN Enraciné(e)

Rang

Inscrit le : 05/10/2009 à 18h20

Messages: 691

Le 05/11/2009 à 15h45

Ok donc je vais essayer d'être plus clair encore

Donc la modification dans header.tpl et bon n'y touche plus , maintenant dans design.css tu as div#global { supprime le background .

Enuite il faut creer une nouvelle calss dans ce fichier ( design.css )

Fait un copier/coller tu peux le placer ou tu veux dans le fichier ( pour être sur mais le tout en bas à la toute dernière ligne de design.css )

Code CSS :

div#bg_global {
/* Extensible*/
background:url(images/bg_global.png) repeat-y;
}

Une fois fini ouvre footer.tpl touten bas de se fichier tu trouvera ( ligne 34 environ ) :

Code HTML :

</body>
</html>

il faut remplacer par :

Code HTML :

</div>
</body>
</html>

EDN Motivé(e)

Rang

Inscrit le : 20/09/2009 à 12h24

Messages: 371

Le 05/11/2009 à 16h18

Kona ou une personne qui comprend ces lignes, pourrais-je envoyer mes identifiants du site-test http://teamhuns.free.fr afin que tu puisses le ou les erreurs que je fais dans les modifs, par mp ou mél ? Edité par gerald72 Le 05/11/2009 à 16h20

Site web

KONA

EDN Enraciné(e)

Rang

Inscrit le : 05/10/2009 à 18h20

Messages: 691

Le 05/11/2009 à 17h45

Envoie moi un MP je te le ferai des que possible