Modifier theme ragnarok [Réglé]
Wysoc Membre non connecté
-
Booster Minigun
- Voir le profil du membre Wysoc
- Inscrit le : 23/07/2010
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 .
Édité par Wysoc Le 24/07/2010 à 19h53
Visiteur
Je te mets dans les favoris et je vois cela demain ^^
ReidLos Membre non connecté
-
Modérateur
- Voir le profil du membre ReidLos
- Inscrit le : 27/02/2009
- Site internet
- Groupes :
-
Equipe Développement
Pour la connexion, swan saura mieux répondre que moi
Édité par ReidLos Le 25/07/2010 à 00h42
Visiteur
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 Membre non connecté
-
Booster Minigun
- Voir le profil du membre Wysoc
- Inscrit le : 23/07/2010
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
)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
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 Membre non connecté
-
Booster Minigun
- Voir le profil du membre Wysoc
- Inscrit le : 23/07/2010
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 :<div class="module_mini_top">
<h3 class="menu_vertical_0 menu_vertical">
<a href="http://127.0.0.1/" title="Menu :">Menu :</a>
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 :<div class="module_mini_top">
<h3 class="menu_vertical_0 menu_vertical">
<a href="http://127.0.0.1/" title="Menu :">Menu :</a>
Donc c'est totalement différent comme le modifier ?
Édité par Wysoc Le 25/07/2010 à 18h05
Visiteur
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.
Wysoc Membre non connecté
-
Booster Minigun
- Voir le profil du membre Wysoc
- Inscrit le : 23/07/2010
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
pour ton "mid.png" essais le repeat comme ceci:
Code CSS :
background:transparent url(images/mid.png) repeat scroll 0 0;
Wysoc Membre non connecté
-
Booster Minigun
- Voir le profil du membre Wysoc
- Inscrit le : 23/07/2010
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 :
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 )
Édité par Wysoc Le 26/07/2010 à 21h36
Visiteur
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é : "templatesdefaultframeworkmenuslinks" dans le fichier : "vertical.tpl" ...
Pour ton image mid.png, sans visuel sur un site de test, je ne peux pas faire grand chose
Édité par Visiteur Le 27/07/2010 à 12h18
Wysoc Membre non connecté
-
Booster Minigun
- Voir le profil du membre Wysoc
- Inscrit le : 23/07/2010
Visiteur
Et ensuite passe ton sujet en réglé ^^
Répondre
Vous n'êtes pas autorisé à écrire dans cette catégorie