Easy-Design.Net forum




Archives Thèmes » Thèmes PHPBoost V3 - V4 [Réglé] Thème WinVista V2

Swan Membre non connecté

Administrateur

Rang

Avatar

Inscrit le : 01/08/2009 à 22h53

Messages: 8431

Le 13/10/2010 à 12h43
Bonjour à tous,

Je m'attaque à la V2 !!

- Dokage de la barre de profil en bas d'écran: Ce qui feras que la barre sera en position fixe sur la page web et suivra le défilement du site.

- Menu latéral en SlideLeftIn et SlideRightOut : Un onglet ouvrant un menu de navigation sur le coté droit. (cf: Scriptaculous Effect)

Je vous tiendrais au courant des prochains ajout. Et je vais le placer sur le site de démonstration ;)


Nouvelles fonctionnalités:




- Plus besoin de se demander si l'on va utiliser le menu de droite ou de gauche. Ce thème vous propose de les masquer à votre guise et ils resteront accessibles en un clic (Présent dans le WinVista de base).
- Et en prime l'index.php avec le tableau à onglet, + les flux RSS (Présent dans le WinVista de base).
- Vous pouvez passer dés à présent d'un thème à 1000px en 100% en cliquant sur un bouton inclus dans le header du thème (préférence sauvegardé par un cookie...)
- Les accessibilités de lecture on été ajouté:


Alors en cliquant sur l'icone "A":

  • 1 clic = A en 100% font à 12px
  • 2 clic = A+ en 100% font à 13px
  • 3 clic = A++ en 100% font à 14px
  • 4 clic = Vous revenez en position d'origine.


*Fonctionne sur tout le site pour les messages principaux.

Alors en cliquant sur l'icone"-":
- Retour à 1000px font à 12px (mode normal). Sauvegarde de préférence avec un cookie...

Alors en cliquant sur l'icone"+":

- Passage à 100% font à 12px (mode plein écran). Sauvegarde de préférence avec un cookie...





Le 26/10/2010.

Ou trouvez les éléments à modifier pour le WinVista?




Dans le header.tpl:




A la racine du thème...

- Le menu de liens du haut (Accueil, Actualités etc...) à partir de la ligne 121.
- Le menu en Slide : à partir de la ligne 288.


Dans le footer.tpl:




A la racine du thème...

- Le menu de liens du haut (Lien 1, Lien 2 etc...) à partir de la ligne 45.


Les images du thème:




Elles se trouvent dans le dossier "theme/images". Les versions vierges sont dans le dossier "extras" à la racine de celui-ci !


L'index.php:




Vous le trouverez dans le dossier "extras" à la racine du thème.

- Remplacez celui qui se trouve à la racine de votre dossier "PHPBoost".
( si c'est dans le dossier originel que vous avez upload sur votre FTP)

- Ou Remplacez celui qui se trouve à la racine du dossier "WWW"
( si vous avez transféré le contenu du dossier pbt, directement sur votre FTP)



La mise en place des mini-modules



Elle est très importante pour ce thème en particulier! Vérifiez que dans "l'administration/contenus/Menus/Gestion", la position des 3 principaux mini-modules du thème doivent être disposé de cette manière:



Cela vous évitera de mauvaise surprise ^^




Le 26/10/2010.

Mettre la miniature de votre avatar dans le bloc icon du menu qui s'ouvre en cliquant sur le logo en bas à gauche:

Ouvrez le "footer.tpl" du thème et remplacer :

Code TPL :
<div id="icons"></div>


Par :

Code TPL :
<div id="icons">{L_AVATAR}</div>


Ouvriez footer.php ( dans kernel ) ajouter à la ligne 58 :

Code PHP :
'L_AVATAR' => $User->get_attribute('user_avatar') !== 1 ? '<img src="../templates/' . get_utheme() . '/images/' .  $CONFIG_USER['avatar_url'] . '" alt="" />' : '<img src="' . $CONFIG_USER['user_avatar'] . '" alt=""    />',
 


Modifier le "/templates/WinVista/theme/design.css" à la ligne 216 tels que :

Code CSS :
div#icons {
float:right;
height:120px; /* pour miniaturiser mettre 60px */
margin-right:48px;
margin-top:-57px;
position:relative;
width:120px; /* pour miniaturiser mettre 60px */
}


Merci à Kona.







Si vous désirez d'autres renseignements sur le thème, merci d'ouvrir le sujet dans le forum dédié au support de PHPBoost^^


@imablement Swan.


swan_signature

Site web    
pegasetkc Membre non connecté

EDN Maitre-Sage

Rang

Avatar

Inscrit le : 15/04/2010 à 19h37

Messages: 1940

Le 14/10/2010 à 09h56
ha mais dit moi il vas être la vitrine technologique de CSN ce thème :ave


Citation made in pegasetkc : "Sauvez un arbre mangez un castor"
Depuis que je connais Saturnin mon humour ressemble a cela : j'ai un string dans l'array
Site web    
Swan Membre non connecté

Administrateur

Rang

Avatar

Inscrit le : 01/08/2009 à 22h53

Messages: 8431

Le 14/10/2010 à 10h07
Oui certainement ... Si pour la 3.1 ils ne s'amusent pas à passer en JQuery ... <== Bruit de couloir :mat


swan_signature

Site web    
Swan Membre non connecté

Administrateur

Rang

Avatar

Inscrit le : 01/08/2009 à 22h53

Messages: 8431

Le 14/10/2010 à 17h05
Allez un petit screen du SlideMenu et ensuite je vais le mettre en visible sur le site de démo ^^

Le Menu ce situe sur la droite, J'y ai inclus les flèches de remonter "top" et de descente "footer". Elles restent atives même le menu ouvert...








Voilà :)


swan_signature

Site web    
saturnin Membre non connecté

Administrateur

Rang

Avatar

Administrateur

Inscrit le : 08/08/2009 à 22h19

Messages: 3963

Le 14/10/2010 à 18h25
swan:
Oui certainement ... Si pour la 3.1 ils ne s'amusent pas à passer en JQuery ... <== Bruit de couloir :mat


sans moi ...


signaturesaturnin


Accroche toi au clavier, je retire le shell...
Site web    
Swan Membre non connecté

Administrateur

Rang

Avatar

Inscrit le : 01/08/2009 à 22h53

Messages: 8431

Le 14/10/2010 à 19h07
Bon pour ceux qui veulent voir le thème à l'oeuvre avec le Slide, c'est direction le site de démonstration Et choisissez le WinVistaV2 dans le sélecteur ;)

SaT' on y jettera un coup d'oeil, pour le moment la 3.1 n'est pas encore là ...


swan_signature

Site web    
pegasetkc Membre non connecté

EDN Maitre-Sage

Rang

Avatar

Inscrit le : 15/04/2010 à 19h37

Messages: 1940

Le 14/10/2010 à 19h16
Nikel swan c'est top j'aime vraiment :ave

PS: perso pour jquery je suis pour car bien plus flexible et aboutie que prototype et scriptaculus il n'y a qu'a voir le portfolio que j'ai fait dans les deux versions pour se rendre compte de la différence



Citation made in pegasetkc : "Sauvez un arbre mangez un castor"
Depuis que je connais Saturnin mon humour ressemble a cela : j'ai un string dans l'array
Site web    
saturnin Membre non connecté

Administrateur

Rang

Avatar

Administrateur

Inscrit le : 08/08/2009 à 22h19

Messages: 3963

Le 14/10/2010 à 19h25
le souci perso que j'ai autre que le fait que je n'aime pas le javascript, c'est que CsN a subi certaines modifications, et que les modules que j'ai fait (pour certain) repose sur prototype.


signaturesaturnin


Accroche toi au clavier, je retire le shell...
Site web    
pegasetkc Membre non connecté

EDN Maitre-Sage

Rang

Avatar

Inscrit le : 15/04/2010 à 19h37

Messages: 1940

Le 14/10/2010 à 19h29
ha ok je pige mieux maintenant, mais Prototype est compatible avec jquery ;) c'est scripatculus qui bug quand on le bride pas


Citation made in pegasetkc : "Sauvez un arbre mangez un castor"
Depuis que je connais Saturnin mon humour ressemble a cela : j'ai un string dans l'array
Site web    
KONA Membre non connecté

EDN Enraciné(e)

Rang

Avatar

Inscrit le : 05/10/2009 à 18h20

Messages: 691

Le 15/10/2010 à 08h16
Il vont ( peut être ) mettre en place un système pour activer/désactiver Jquery selon la librairie qu'on a besoins sur la 3.1 donc faut pas râler faut savoir satisfaire tout le monde aussi .

EDIT : Par contre quand tu fais une boite de nav/dialogue pourquoi tu fais un href="#" pour fermer sur la petite croix ? fait ça en onclick sinon on se retrouve au toppage et c'est chi**t Tu mets le onclick sur img et plus besoins du a href si c'est juste pour le sursor tu passe ça en CSS
Code CSS :
cursor:pointer;
Edité par KONA Le 15/10/2010 à 08h24
Swan Membre non connecté

Administrateur

Rang

Avatar

Inscrit le : 01/08/2009 à 22h53

Messages: 8431

Le 15/10/2010 à 10h40
Je vais peut-être paraitre ""neuneu", mais dans le onclick j'ai déjà l'appel de l'effet ...
Code TPL :
 
<a href="#" alt="Fermer" title="Fermer" onclick="new Effect.SlideRightOut('sideBarContentsInner', {duration: 2, queue: 'end'});"><img src="{PATH_TO_ROOT}/templates/{THEME}/theme/images/closed.png" height="15px" width="42px" alt="Fermer" class="valign_middle" /></a>


Je procede comment? (heureusement que le ridicule ne tue pas) :s


swan_signature

Site web    
KONA Membre non connecté

EDN Enraciné(e)

Rang

Avatar

Inscrit le : 05/10/2009 à 18h20

Messages: 691

Le 15/10/2010 à 10h45
Tinquiète pas Swan :)

Code TPL :
<img src="{PATH_TO_ROOT}/templates/{THEME}/theme/images/closed.png" height="15px" width="42px" alt="Fermer" class="valign_middle"  onclick="new Effect.SlideRightOut('sideBarContentsInner', {duration: 2, queue: 'end'});" style="cursor:pointer;"/>


voila ;)
Swan Membre non connecté

Administrateur

Rang

Avatar

Inscrit le : 01/08/2009 à 22h53

Messages: 8431

Le 25/10/2010 à 16h27
Coucou tout le monde !

Bon je fais comme Sarko, je réquisitionne tout le mode :face

Il faut que vous me testiez le thème sur le site démo, de fond en comble! Avec vidage des coolkies etc ... Pour savoir si il est fonctionnel .


Merci à ceux qui m'aideront à faire de ce thème le premier du genre sur un thème phpboost !


swan_signature

Site web    
pegasetkc Membre non connecté

EDN Maitre-Sage

Rang

Avatar

Inscrit le : 15/04/2010 à 19h37

Messages: 1940

Le 25/10/2010 à 18h07
au 1er lancement le fichier style n'est pas pris en charge mais une fois que je clique sur + c'est bon (peut être un paramètre en valeur par défaut) ?

edit :
Edit Swan: Corrigé.

edit 2 : la couleur du lien hover dans forum et pas top :


Edit Swan: Corrigé. Edité par pegasetkc Le 25/10/2010 à 18h10


Citation made in pegasetkc : "Sauvez un arbre mangez un castor"
Depuis que je connais Saturnin mon humour ressemble a cela : j'ai un string dans l'array
Site web    
Swan Membre non connecté

Administrateur

Rang

Avatar

Inscrit le : 01/08/2009 à 22h53

Messages: 8431

Le 25/10/2010 à 19h10
Bon apparemment j'ai merdouillé dans le header.tpl ... Peux tu re tester Pegase? Merci Monssieur :)


swan_signature

Site web    
Répondre
Vous n'êtes pas autorisé à écrire dans cette catégorie