Thème DarkAtor

Archives Thèmes » Thèmes PHPBoost V3 - V4 Thème DarkAtor

EDN Curieux(se)

Rang

Inscrit le : 10/03/2013 à 05h20

Le 30/03/2013 à 13h55

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.

[ télécharger le thème DarkAtor]

PHPBoost : 4.0 - Sirocco
L'essentiel dans la vie c'est d'être toujours en paix avec soi même...

Site web

Swan

Administrateur

Rang

Inscrit le : 01/08/2009 à 22h53

Messages: 8431

Le 30/03/2013 à 15h03

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) :

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 -

swan_signature

Site web

bibitor31

EDN Curieux(se)

Rang

Inscrit le : 10/03/2013 à 05h20

Messages: 26

Le 30/03/2013 à 20h28

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

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 :

 
<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>

Edité par bibitor31 Le 30/03/2013 à 20h59

PHPBoost : 4.0 - Sirocco
L'essentiel dans la vie c'est d'être toujours en paix avec soi même...

Site web

hight_tower

Modérateur

Rang

Inscrit le : 17/09/2009 à 11h09

Messages: 2298

Le 31/03/2013 à 09h46

Bonne continuation, au plaisir de voir des prochains thèmes

Chez Swan Site design Web phpboost3. Membre depuis 2009 & modérateur depuis 2011.

E-mail Site web

bibitor31

EDN Curieux(se)

Rang

Inscrit le : 10/03/2013 à 05h20

Messages: 26

Le 31/03/2013 à 10h05

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