PHPBoost CMS : Sujet - Modifier theme ragnarok

Accueil

Forum PHPBoost

Personnalisation

Personnalisation graphique

Modifier theme ragnarok

Forum PHPBoost

• Index

Sujets suivis •

Derniers messages lus •

Messages non lus

•

Marquer comme lu

• Personnalisation graphique » [Réglé] Modifier theme ragnarok

Wysoc

Le 24/07/10 à 18h21

Booster Minigun

Groupe: Membre

Inscrit le: 23/07/10
Messages: 32

Voila afin de gagner du temps ( et surtout par manque de compétence ) ,

J'ai décider de modifier le thème ragnarok , mais je n'arrive pas a repérer ou modifier divers images / code css .

Une image parle plus que de l'écrit :

http://www.milkshack.net/images/voilaneedh.jpg

Voila . Si j'arrive a repérer ce que je veux je pourrais reussir a inclure du css comme le je souhaite ( diviser menu / news en 3 partie = upers / mid / lower )

Edit = j'ai trouver les news tout est ok mais le reste je cherche encore

Edit 2 = j'ai tout finit quasiment Sauf le menu vertical ( celui ou on se log ) et celui ou il y'a accueil --> news , je n'arrive pas a modifier la bordure verte et le placement .

Edité par Wysoc Le 24/07/10 à 19h53

Visiteur

Le 24/07/10 à 23h40

Boosteur Inactif

Groupe: Visiteur

Bonsoir,

Je te mets dans les favoris et je vois cela demain ^^

ReidLos

Le 25/07/10 à 00h41

Administrateur

Chef de projet
Développement Noyau

Sexe:

Inscrit le: 27/02/09
Messages: 7993
Lieu: Alsace

ici pour la barre de lien accueil > etc : http://www.phpboost.com/wiki/le-design-css#paragraph_la-barre-de-lien-rapide

Pour la connexion, swan saura mieux répondre que moi

Edité par ReidLos Le 25/07/10 à 00h42

Visiteur

Le 25/07/10 à 12h39

Boosteur Inactif

Groupe: Visiteur

Bonjour,

1) Centrer par rapport au header:

Code CSS :

/*--- /templates/Ragnarok/theme/design.css à la ligne 57---*/ 
 
div#sub_header {
height:27px;
margin-right:79px;
margin-top:-69px;
padding:0;
}

Voir avec le "margin-right".

2) Centrer la barre de lien rapide:

Code CSS :

/*--- /templates/Ragnarok/theme/design.css à la ligne 145---*/ 
 
div#links {
border-bottom:1px solid #67AD62;
height:22px;
margin:5px 88px 30px;
padding:4px;
text-indent:10px;
width:90%;
}

Voir avec les valeurs du "margin" et du "padding".

3) Comment décaler le menu de droite:

Code CSS :

/*--- /templates/Ragnarok/theme/design.css à la ligne 102---*/ 
 
div#left_menu {
float:left;
margin-bottom:0;
margin-left:0;
margin-right:2px !important;
margin-top:0;
padding:0;
width:200px;
}

Voir avec les valeurs du "padding:3px" (par exemple) et la largeur de la colonne de menu le "width".

4) Modifier la couleur interne des menus:

Code CSS :

/*--- /templates/Ragnarok/theme/content.css à la ligne 613---*/ 
 
.module_mini_container {
-moz-border-radius-bottomleft:12px;
-moz-border-radius-bottomright:12px;
-moz-border-radius-topleft:12px;
-moz-border-radius-topright:12px;
background:#B3E0CD url(images/contentbg.png) repeat-x scroll 0 0;
border:1px solid #659255;
border-spacing:8px;
margin:0 0 10px 4px;
width:180px;
}

Voir à changer la couleur en hexadécimal "#B3E0CD".

5) Modifier l'image "top" des menus:

Attention c'est une image complète, tu comprendra lorsque tu l'a changeras.

Code CSS :

/*--- /templates/Ragnarok/modules/news/news.css à la ligne 3---*/ 
 
.news_container {
-moz-border-radius-bottomleft:12px;
-moz-border-radius-bottomright:12px;
-moz-border-radius-topleft:12px;
-moz-border-radius-topright:12px;
background:transparent url(images/news_content.png) no-repeat scroll center top;
border:1px solid #67AD62;
margin:auto auto 30px;
width:96%;
}

Voir à changer l'image "news_content.png" dans "/templates/Ragnarok/modules/news/images/".

Voilà ^^

Wysoc

Le 25/07/10 à 14h48

Booster Minigun

Groupe: Membre

Inscrit le: 23/07/10
Messages: 32

merci beaucoup

Mais j'ai un petit probleme ,

Mon mid.png ne se repete que jusqu'au module menu ! et non pas jusqu'au footer ><

voila ou je l'ai mit :

Citation:

/* ##### Conteneur global du site ###### */
div#global {
background:transparent url(images/mid.png) repeat-y scroll 0 0;
margin:auto;
width:1000px;
}

sinon j'ai divers petit problème ( oui encore :o )

http://www.milkshack.net/?v=voila2.jpg

http://www.milkshack.net/?v=voila3.jpg

Sinon question a part ,

C'est possible de modifier les upers des modules ? exemple 1 différent pour la galerie , un autre pour les menu , ect ,ect j'aimerais vraiment pouvoir le faire

Visiteur

Le 25/07/10 à 15h22

Boosteur Inactif

Groupe: Visiteur

Alors pour se faire, je te suggère et conseil d'essayer par toi même avec Firefox et le plugin "Firebug" (très simple d'utilisation).

Je vais pas te refaire le thème en entier

Wysoc

Le 25/07/10 à 18h02

Booster Minigun

Groupe: Membre

Inscrit le: 23/07/10
Messages: 32

Merci beaucoup ,

Mais voila je viens me plaindre

en faite j'ai reussi tout seul comme un grand mais en cherchant partout je n'ai toujours pas résolue le problème du mid.png ( enfin si partiellement )

http://www.milkshack.net/images/previe-1280073322.jpg

En faite il s'arrête au news , donc si j'en créer plus que les menu de gauche sa sera bon ( mais c'est nul comme solution . . .. )

Ensuite pour le menu avec firebug il me dit que :

Citation:

donc le menu c'est en modifiant :
Citation:

a {
color:black;
font-family:Verdana, Arial, Helvetica,

Pour la couleur seulement ( mais cela concerne tout le texte ) donc il faudrais remplacer le a par le h5 des modules , mais comment faire ?

Récapitulatif ( de ce que j'ai comprit ) :

Structure des Modules =

Citation:

<div class="module_mini_container">
<div class="module_mini_top">
<h5 class="sub_title">Changer le thème</h5>

Structure du Menu =

Citation:

Donc c'est totalement différent comme le modifier ?

Edité par Wysoc Le 25/07/10 à 18h05

Visiteur

Le 26/07/10 à 12h28

Boosteur Inactif

Groupe: Visiteur

Contente d'avoir pu t'aider ^^

Pour le h5:

Code CSS :

 
/*--- /templates/Ragnarok/theme/content.css à la ligne 88---*/ 
 
h5.sub_title {
color:#004801;
font-size:12px;
height:23px;
}

Structure des Modules :

Ensuite pour cela, il te faut éditer le fichier.tpl du module concerné, pour modifier manuellement le codage à ta convenance.

Note
Pas besoin de M'envoyer un MP à chaque fois que tu réponds, vu que je passe souvent sur pbt et que le sujet est mis en favori.

Wysoc

Le 26/07/10 à 15h39

Booster Minigun

Groupe: Membre

Inscrit le: 23/07/10
Messages: 32

ce que tu dit je l'ai deja fait

le h5 est modifier la preuve sur mon screen :

http://www.milkshack.net/images/previe-1280073322.jpg

tu voit le menu sondage il est bien

le probleme c'est le menu de lien qui utilise pas h5 mais <a> ( l"ecriture global du site ) donc faut que je modifie la partie citer plus haut , par contre je ne trouve pas de module menu dans le theme ragnarok , c'est a la racine de phpboost ?

par contre mon souci du mid.png j'ai trouver aucune trace pour le faire reapeat-y jusqu'au footer !

Code CSS :

/* ##### Conteneur global du site ###### */
div#global {
background:transparent url(images/mid.png) repeat-y scroll 0 0;
margin:auto;
width:1000px;
}

Visiteur

Le 26/07/10 à 18h50

Boosteur Inactif

Groupe: Visiteur

Si ma mémoire est bonne, le h5 tu peux le modifier en css dans le defaut.css dans le dossier theme. il est défini deux fois en css...

pour ton "mid.png" essais le repeat comme ceci:

Code CSS :

background:transparent url(images/mid.png) repeat scroll 0 0;

Wysoc

Le 26/07/10 à 21h34

Booster Minigun

Groupe: Membre

Inscrit le: 23/07/10
Messages: 32

sa ne change rien et pour le h5 je ne comprend rien du tout

il est déjà modifier j'ai dit ><

pour le menu c'est un problème d'html je dirais mais je ne sais pas comment le résoudre !

je t'invite a prendre firebug et le thème ragnarok et regarder le menu ( et le comparer au module )

Code HTML :

<div class="module_mini_container">
<div class="module_mini_top">
<h5 class="sub_title">Changer le thème</h5>
 
//---------------------------------------//
 
<div class="module_mini_top">
<h3 class="menu_vertical_0 menu_vertical">
<a href="http://127.0.0.1/" title="Menu :">Menu :</a>

On voit bien que y'a quelque chose qui cloche , pourquoi un lien est utiliser par le menu et pas la classe h5 ?

si je modifie h5 sa ne changera QUE LE MODULE et pas le menu ><

pour le mid reapeat tout court sa change rien puisque sa répète verticalement et horizontalement ( x et y quoi )

Edité par Wysoc Le 26/07/10 à 21h36

Visiteur

Le 27/07/10 à 12h18

Boosteur Inactif

Groupe: Visiteur

Donc si j'ai bien saisi sur cette image:

Tu veux aussi passer les liens internes du menu en h5? Dans se cas, il te faut éditer le fichier.tpl du module concerné, pour modifier manuellement le codage à ta convenance. regarde du coté : "\templates\default\framework\menus\links" dans le fichier : "vertical.tpl" ...

Pour ton image mid.png, sans visuel sur un site de test, je ne peux pas faire grand chose

Edité par Visiteur Le 27/07/10 à 12h18

Wysoc

Le 27/07/10 à 17h18

Booster Minigun

Groupe: Membre

Inscrit le: 23/07/10
Messages: 32

c'est bon j'ai trouver pour le mid.png , merci pour tout

Visiteur

Le 27/07/10 à 21h32

Boosteur Inactif

Groupe: Visiteur

"c'est bon j'ai trouver pour le mid.png , merci pour tout" <== On peut avoir la solution? pense à ceux qui te liront

Et ensuite passe ton sujet en réglé ^^

• Personnalisation graphique » [Réglé] Modifier theme ragnarok

• Index

Sujets suivis •

Derniers messages lus •

Messages non lus

•

Marquer comme lu

1 Utilisateur en ligne :: 0 Administrateur, 0 Modérateur, 0 Membre et 1 Visiteur
Utilisateur en ligne: Aucun membre connecté

Répondre

Vous n'êtes pas autorisé à écrire dans cette catégorie

PHPBoost CMS

PHPBoost

Support

Téléchargements

Développement

Communauté

Annonces

Question aléatoire

Livre d'or

Mini sondage

Forum PHPBoost

1) Centrer par rapport au header:

2) Centrer la barre de lien rapide:

3) Comment décaler le menu de droite:

4) Modifier la couleur interne des menus:

5) Modifier l'image "top" des menus:

Annonces