Archives Thèmes » Thèmes PHPBoost V3 - V4 Thème DarkAtor
Bonjour à toutes et tous,
Je viens partager le thème que j'utilise sur mon site.
Je suis parti sur la base du Thème DarkAge_Blue auquel j'ai apporté des modifications.
Pour le réglage du Slider:
Dans le header.tpl pour activer / désactiver le slider commentez la ligne 182 à 191.
Pour accélérer la vitesse du slider ligne 82 auto: 4, (4 et la vitesse) de défilement.
Pour le réglage du menu:
Tout se passe à partir de ligne 129 dans le header.tpl
(+) Petit plus j'ai modifié le shoutbox avec rajout d'un bouton smileys qui ouvre le popup
Si vous ajoutez la shoutbox dans le menu gauche ou droite le background des menus et ajoutez par défaut,
Si vous ajoutez la shoutbox Menu central haut un background différent et affichez, vous pouvez le modifier
dans /templates/DarkAtor/modules/shoutbox/shoutbox_mini.css ligne 31.
Voilà, c'est ma première modification de thème sur PHPboost, soyez indulgents, toute remarque est la bienvenue.
Je viens partager le thème que j'utilise sur mon site.
Je suis parti sur la base du Thème DarkAge_Blue auquel j'ai apporté des modifications.
Pour le réglage du Slider:
Dans le header.tpl pour activer / désactiver le slider commentez la ligne 182 à 191.
Pour accélérer la vitesse du slider ligne 82 auto: 4, (4 et la vitesse) de défilement.
Pour le réglage du menu:
Tout se passe à partir de ligne 129 dans le header.tpl
(+) Petit plus j'ai modifié le shoutbox avec rajout d'un bouton smileys qui ouvre le popup
Si vous ajoutez la shoutbox dans le menu gauche ou droite le background des menus et ajoutez par défaut,
Si vous ajoutez la shoutbox Menu central haut un background différent et affichez, vous pouvez le modifier
dans /templates/DarkAtor/modules/shoutbox/shoutbox_mini.css ligne 31.
Voilà, c'est ma première modification de thème sur PHPboost, soyez indulgents, toute remarque est la bienvenue.
Re ^^
Des remarques ? Moi j'en ai que du bien à dire, vu que je n'ai pas eu de soucis avec ^^
Sinon il faut limiter les utilisations de la librairie JQuery et favoriser les Prototype et Scriptaculous. Cela engendre des conflit entre elle.
La possibilité de les utiliser ensemble existe, avec le jQuery.noConflict(), mais je n'ai pas forcément moi personnellement réussi à l’implanté sur le mini-module galerie : l'affichage des miniatures qui disparait. Bref voilà le pourquoi .
Alors par contre tu vas devoir ouvrir le content.css de ton thème et à la fin rajouter cela, car lorsque j'ai passer les thèmes en V4 j'ai oublié de rajouter la partie design des commentaires (Mea culpa) :
Haaa et pour finir : Merci pour le partage
Des remarques ? Moi j'en ai que du bien à dire, vu que je n'ai pas eu de soucis avec ^^
Sinon il faut limiter les utilisations de la librairie JQuery et favoriser les Prototype et Scriptaculous. Cela engendre des conflit entre elle.
La possibilité de les utiliser ensemble existe, avec le jQuery.noConflict(), mais je n'ai pas forcément moi personnellement réussi à l’implanté sur le mini-module galerie : l'affichage des miniatures qui disparait. Bref voilà le pourquoi .
Alors par contre tu vas devoir ouvrir le content.css de ton thème et à la fin rajouter cela, car lorsque j'ai passer les thèmes en V4 j'ai oublié de rajouter la partie design des commentaires (Mea culpa) :
Code CSS :
/* ################## Css propre à la v4 ##################### */ .module_top_title { float:left; font-size:12px; margin-left:3px; font-weight:bold; } .module_top_title img { margin-top:-2px; } .module_top_com { float:right; } .module_actions { float: right; margin: 16px; } /* Commentaires */ .comment { width:98%; margin-bottom:20px; overflow:auto; } .comment-date { margin-left: 10px; } .comment-user_infos { text-align:center; width:150px; float:left; } .comment-content { margin-left:180px; } .view-topic { margin-top: 10px; } .comment-message { background: none repeat scroll 0 0 #4B4744; border: 1px solid #000000; color: #E8E8E8; position: relative; padding: 15px; margin-top: 5px; min-height: 80px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .comment-message::before { content: ""; top: 15px; bottom: auto; left: -25px; position: absolute; border-width: 15px 25px 15px 0; border-color: transparent #000000; border-style: solid; display: block; width: 0; } .comment-message::after { content: ""; top: 16px; bottom: auto; left: -24px; position: absolute; border-width: 14px 24px 14px 0; border-color: transparent #4B4744; border-style: solid; display: block; width: 0; } .comment-avatar{ width:80px; } .message-containt{ overflow:auto; } div#comment-pseudo a {} .comment-user_infos img{ padding:10px 0px; } .comment-moderate{ background: none repeat scroll 0 0 #4B4744; border: 1px solid #000000; padding-top:4px; width: 98%; text-align:center; vertical-align:middle; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; -o-border-radius:4px; } .comment-moderate a{ vertical-align:top; }
Haaa et pour finir : Merci pour le partage
- Les DarKAges et DarkAtor sont à jour -
Merci Swan
Super pour le css
Pour les conflits de JQuery avec Prototype et Scriptaculous j'ai déjà ajouté des commandes jQuery.noConflict() dans header.tpl si ça peut servir à d'autres
Attention il faut obligatoirement inclure jQuery en dernier dans script, sinon noConflict() n’aura aucun effet.
Super pour le css
Pour les conflits de JQuery avec Prototype et Scriptaculous j'ai déjà ajouté des commandes jQuery.noConflict() dans header.tpl si ça peut servir à d'autres
Code JAVASCRIPT :
<script type="text/javascript"> $(document).ready(function() { $("ul#ticker01").liScroll(); var J = jQuery.noConflict(); jQuery('#madiv').css('color','red'); J('#jquery').css('display', 'block'); }); </script>
Attention il faut obligatoirement inclure jQuery en dernier dans script, sinon noConflict() n’aura aucun effet.
Code JAVASCRIPT :
Edité par
bibitor31
Le 30/03/2013 à 20h59
<script type="text/javascript" src="{PATH_TO_ROOT}/kernel/lib/js/scriptaculous/prototype.js"></script> <script type="text/javascript" src="{PATH_TO_ROOT}/kernel/lib/js/scriptaculous/scriptaculous.js"></script> <script type="text/javascript" src="{PATH_TO_ROOT}/templates/{THEME}/js/jquery-1.3.2.min.js"></script>
Oups je viens de voir que dans l'archive zip ce n'est pas le bon fichier content.css comme dit Swan Mea culpa
Voila le fichier CSS à remplacer content.css
Ancien bloc Nouveaux bloc
milles excuses
Voila le fichier CSS à remplacer content.css
Ancien bloc Nouveaux bloc
milles excuses
Répondre
Vous n'êtes pas autorisé à écrire dans cette catégorie