Thème lawyer and attorney

flipflip · juin 2010

Bonjour à tous, je vous fait profiter de l'adaptation du thème Lawyer & Attorney que j'ai fais pour mon blog.

Pour pleinement profiter du thème il faut installer les plugins suivants :
- plxCoinSlider : http://forum.pluxml.org/viewtopic.php?id=2551
- plxYoxView : http://forum.pluxml.org/viewtopic.php?id=2588
- plxDescription : http://forum.pluxml.org/viewtopic.php?id=2445

Pour le télécharger : http://ressources.pluxml.org/?theme84/theme-lawyer-and-attorney

ChangeLog
version 3.0 - 27/07/2011
- Mise à jour pour PluXml 5.1.2
- Passage à deux colonnes

version 2.0 - 29/06/2010
- Correction de l'affichage des commentaires. Les réponses des administrateurs s'affichent différemment des autres commentaire;
- Intégration d'une lightBox jquery pour les images.

version 1.0
- Création du thème

Documentation plus nécessaire en version 3.0
Pour personnaliser le slideshow, éditez le fichier header.php, à la ligne 48 le bloc

<div id='coin-slider'>
	<a href="img01_url" target="_blank">
		<img src='<?php $plxShow->template(); ?>/images/1.jpg' >
		<span>Pont Lyonnais de nuit</span>
	</a>
	<a href="img01_url" target="_blank">
		<img src='<?php $plxShow->template(); ?>/images/2.jpg' >
		<span>Berges de Lyon</span>
	</a>
	<a href="img01_url" target="_blank">
		<img src='<?php $plxShow->template(); ?>/images/3.jpg' >
		<span>Fêtes des lumières</span>
	</a>
</div>

Les images sont stockées dans le répertoire images/ du thèmes par défaut j'en ai mise 3 si vous souhaitez en ajouter dupliquez le bloc

<a href="img01_url" target="_blank">
	<img src='<?php $plxShow->template(); ?>/images/3.jpg' >
	<span>Fêtes des lumières</span>
</a>

Et ajoutez le à la fin, ce qui donne :

<div id='coin-slider'>
	<a href="img01_url" target="_blank">
		<img src='<?php $plxShow->template(); ?>/images/1.jpg' >
		<span>Pont Lyonnais de nuit</span>
	</a>
	<a href="img01_url" target="_blank">
		<img src='<?php $plxShow->template(); ?>/images/2.jpg' >
		<span>Berges de Lyon</span>
	</a>
	<a href="img01_url" target="_blank">
		<img src='<?php $plxShow->template(); ?>/images/3.jpg' >
		<span>Fêtes des lumières</span>
	</a>
	<a href="img01_url" target="_blank">
		<img src='<?php $plxShow->template(); ?>/images/4.jpg' >
		<span>Nouvelle image</span>
	</a>
</div>

Pour personnaliser les textes modifiez le texte entre les balises span de chaque images.

Le fonctionnement du slideshow est aussi personnalisable. Toujours dans le fichier header.php, ligne 18 :

<script type="text/javascript">
	$(document).ready(function() {
		$('#coin-slider').coinslider({ width: 940, height: 288, navigation: false, opacity: 0.5, hoverPause: true, delay: 5000, links: false });
	});
</script>

Toute la doc est sur ce site : http://workshop.rs/projects/coin-slider/

N'hésitez pas à me faire vos retours.
Philippe.

grenouille · juin 2010

bonjour
pourrait tu donner plus de détails sur la personnalisation du slideshow?
ps : de très joli photos
d'avance merci pour la réponse

flipflip · juin 2010

bonjour et merci. C'est vrai que j'ai un peu zapper la partie documentation, je corrige dans le post de départ.

grenouille · juin 2010

re-bonjour

j ai réussis à l'intégrer dans mon thème mais j ai encore quelques petits soucis avec la bande du 'span' du titre de l'image (surement un quake au niveau du css)

en fait ma question est plutôt au niveau du <a href="img01_url"...

j ai fait comme toi : href="img01_url... sur tout les <a> de mes images ; est ce que tu pourrais me dire s il y a une différence si je change le href des <a> ... img01... img02... img03 etc ? merci

flipflip · juin 2010

Bonsoir, la partie href est utilisé lorsque tu active au niveau du script jquery les url. Par exemple tu souhaite qu'au clic sur tes images renvoyer vers une adresse en particulier avec une adresse différente par image. Dans ce cas tu passe links : false, à link: true et tu modifie la balise <a href...

Si tu souhaite de l'aide spécifique au slideshow hors de l'utilisation dans le thème que j'ai fourni envoie moi un mp pour éviter de poluer ce post.

Philippe.

flipflip · juin 2010

Bonjour,
Je viens de mettre à jour le thème en version 2.0. Voir premier post pour les évolutions.

Philippe.

Loup-des-Neiges · juillet 2010

Salut, sympa comme structure

Très jolie !

flipflip · juillet 2010

Merci

super_g2 · juillet 2010

compatible pluxml 5.0?

flipflip · juillet 2010

Bonjour, je le test actuellement.

D'après mes premiers tests il marche correctement mise à part les page tags et archives qui n'existaient pas en branche 4. J'ai remarqué aussi une fonction tagList qui pourrait être pas mal en page d'accueil sur le thème. Je ferais un message lorsque j'aurais validé le test.

super_g2 · juillet 2010

oki doki, merci d'avance

ps : sur ton site perso, le sélecteur de thème n'est pas dispo sur les autres thèmes sélectionnables.
le thème alpha ne fonctionne plus, résultat : je ne peux plus revenir en arrière

flipflip · juillet 2010

Oups faut que je le vire le sélecteur de thème. En fait je l'avais mis pour moi lors de mes tests et j'ai complètement oublié de le supprimer. D'ailleurs j'ai surement publié le thème avec le sélecteur

bg62 · juillet 2010

"Les images sont stockées dans le répertoire images/ du thèmes par défaut j'en ai mise 3 si vous souhaitez en ajouter dupliquez le bloc "
pourquoi ne pas les laisser dans le dossier images normal, tout au même endroit ... comme ça même avec l'upload on y arrive à les changer de temps en temps ..
:-)

Frédéric · juillet 2010

Très belle adaptation Flipflip, j'aime beaucoup

flipflip · août 2010

bg62 : je n'y avais pas pensé. Je le note pour la prochaine version.

frederic : merci

joom · août 2010

Bonjour,

j'aimerai utilisé ce thème, mais j'ai 2 problèmes :

- un message d'erreur Fatal error: Call to undefined function selectSkin() in /srv/flaprdweb01/data/web-users/pluxprdadm/pluxml.org/ressources/demo/006/themes/0084/home.php on line 61

- le footer "n'existe pas" : c'est à dire pas de référence à pluxml, à l'auteur du thème d'origine, lien administration, ...

existe-t'il une version "terminée" de ce thème ?

merci

flipflip · août 2010

Bonjour,

un message d'erreur Fatal error: Call to undefined function selectSkin() in /srv/flaprdweb01/data/web-users/pluxprdadm/pluxml.org/ressources/demo/006/themes/0084/home.php on line 61

C'est pour le sélecteur de thème, j'ai oublié de l'enlever, édite le fichier home.php et supprime le bloc à partir de la ligne 61

<h3>Thèmes</h3>
					<div class="case">
						<?php selectSkin(); ?>
					</div>

- le footer "n'existe pas" : c'est à dire pas de référence à pluxml, à l'auteur du thème d'origine, lien administration, ...

Qu'elle version du thème tu a, car je viens de télécharger la version 2.0 qui est dispo sur la page ressources et j'ai bien le fichier footer.php...

Petite info, pour le moment je n'ai pas eu le temps de le valider avec PluXml 5.x.

joom · août 2010

Merci Philippe, c'est ces quelques lignes de code qui empêchaient "l'affichage" des information du bas dans le thème.

Bon je vais essayé de modifier ce dernier afin de le mettre en conformité avec ce que je veux faire

bonne soirée

joom · août 2010

Bonsoir,

je ne sais pas si je dois ouvrir une discussion ou continuer ce fil ?!

voila je souhaiterai mettre un petit logo à droite du titre du site, comment peut-on arriver à faire ceci.
j'ai fais des essais ce soir sans résultat valable, comme on dit il vaut un qui sait que 10 qui cherchent...

merci d'avance

flipflip · août 2010

Bonjour,

édite le fichier header.php à la ligne 26, le bloc :

<div id="logo">
					<h1><?php $plxShow->mainTitle('link'); ?></h1>
				 	<span><?php $plxShow->subTitle(); ?></span>
				</div>

Je pense qu'en le modifiant de cette façon tu devrais y arriver :

<div id="logo">
					<h1>
					    <?php $plxShow->mainTitle('link'); ?>
					    <img src="lien vers ton logo" title="<?php $plxShow->mainTitle(); ?> - <?php $plxShow->subTitle(); ?>" alt="<?php $plxShow->mainTitle(); ?> - <?php $plxShow->subTitle(); ?>">
					</h1>
				 	<span><?php $plxShow->subTitle(); ?></span>
				</div>

joom · août 2010

merci pour la réponse rapide, mais cela ne fonctionne pas.

le titre du site se met en double, mais le logo ne s'affiche pas

Stéphane · août 2010

à partir de

<div id="logo">
                    <h1><?php $plxShow->mainTitle('link'); ?></h1>
                     <span><?php $plxShow->subTitle(); ?></span>
                </div>

dans le fichier style.css de ton thème, tu ajoutes

#logo { 
background: #000000 url("fichier_image.jpg");
height: 150px;
padding-left: 150px;
}

A toi de modifier les valeurs fichier_image.jpg et les deux 150px en fonction de tes préférences de manière à afficher correctement ton image comme tu le souhaites

joom · août 2010

Merci Stéphane, mais cela ne peut fonctionner, car je ne veux pas le logo en background.

J'aimerai faire un truc comme çà

En haut à gauche du thème il y a le titre du site (affiché grace au code <h1><?php $plxShow->mainTitle('link'); ?></h1> dans le fichier header.php

donc çà cela doit resté comme tel

je veux mettre à la droite de ce titre un logo (une image au format png, mais c'est juste un détail) qui ne soit pas "cliquable", juste pour l'esthétique

TITRE DU SITE ICI IMAGE (qui fait 88px sur 80px)

joom · août 2010

Après plusieurs tâtonnement et en regardant les championnats d'europe de natation en même temps (c'est pas sérieux) j'ai mis en fin de fichier CSS le code suivant

#logo { 
background: url(../images/monlogo.png) no-repeat;
height: 90px;
padding-left: 150px;
}

çà rend pas ce que je voulais puisque le logo est à gauche du titre, mais pour l'instant je fais avec :P

Stéphane · août 2010

essaye alors avec:

background: url(../images/monlogo.png) no-repeat right top;

joom · août 2010

Non çà veut pas fonctionner

mon code actuel dans le CSS est

#logo { float: left; padding: 15px 15px; background: url(../images/monlogo.png) no-repeat right top; height: 90px; padding-left: 130px; margin: 30px 0 0}

le problème c'est que le titre du site chevauche le logo à droite.
je vais laisser le code

#logo { float: left; padding: 15px 15px; background: url(../images/monlogo.png) no-repeat; height: 90px; padding-left: 130px; margin: 30px 0 0}

comme je le disait précédemment, le logo se trouve à gauche, mais au moins il ne met pas la pagaille dans le thème

merci encore

Frédéric · août 2010

Bonsoir joom,

Je te propose de modifier le span de ton id logo de cette façon:

#logo span { float:right; background: url('../images/monlogo.png') no-repeat top; margin:-50px 0 0 870px; text-indent: -5000px; width:90px; height:90px; }

On remplace donc le slogan par une image.

Tu peux rajouter une class et placer un div supplémentaire dans ton template header si tu souhaite garder le titre et slogan au format texte.

joom · août 2010

Salut Fred,

c'est à dire que ce n'est pas mon idée première de remplacer le slogan, mais c'est vrai que ton code fonctionne bien (en modifiant par ex margin:-40px 0 0 870px sinon le logo "colle" trop au navigateur en haut.

merci pour ton aide

Frédéric · août 2010

Ok dans ce cas ce code te conviendrais

Dans le header on reprends le code donné par Flipflip

<div id="logo">
                    <h1>
                        <?php $plxShow->mainTitle('link'); ?>
                        <img src="lien vers ton logo" title="<?php $plxShow->mainTitle(); ?> - <?php $plxShow->subTitle(); ?>" alt="<?php $plxShow->mainTitle(); ?> - <?php $plxShow->subTitle(); ?>">
                    </h1>
                     <span><?php $plxShow->subTitle(); ?></span>
                </div>

Et pour le css:

#logo img { float:right; margin:-40px 0 0 870px;  width:90px; height:90px }

joom · août 2010

Comme je le disais précédemment ce code dans le header met le "boxon" (le titre du site s'affiche 2 fois)

je vais laissé pour l'instant le logo à gauche du titre, et je reviendrai plus tard à ce petit soucis en me creusant les méninges

merci

voila ce que cela donne

Frédéric · août 2010

Oups oublié ce sujet,

Tente de forcé l'alignement à droite avec float:right !important; dans le css plus haut.

Thème lawyer and attorney

Réponses