Invité

[Modif & astuce] Bandeau pour site Zwii

Messages recommandés

Invité   
Invité

Bandeau pour site Zwii

Voir le fichier

IMPORTANT:
Toute utilisation de ce plugin sur votre site par vous même le sera à vos risques et péril, en aucun cas l'auteur de celui ci ne sera tenu pour responsable en cas de problème dans son utilisation faite par vous même et sous votre entière responsabilité.

 

Nota :

Pour les fichiers marqués * et en gras dans la description , ce sont des fichiers open source libre de modification ( avec dans le cas des scripts un lien menant directement vers le site de l'auteur du fichier original afin de respecter les droits de l'auteur original du script au cas ou celui ci le spécifierait d'une manière quelconque de ne pas enlever ses propres références dans le script par l'utilisateur final ).

ceci afin de respecter le travail de l'auteur original si une telle spécification était expressément demandée par celui ci.

 

Explication de cet addon

 

La mode veuille que nous ayons de temps en temps un bandeau publicitaire ( ribbon ) en haut de nos site pour faire la promotion de quelque chose.

Pourquoi devrions nous alors avoir à télécharger des scripts à droite et à gauche alors qu'un peu de css et un petit bout de code en html suffit à le faire bien plus simplement et tout aussi efficacement!!!

Avec cette amélioration que je vous propose, vous aurez un ruban pub que vous pourrez placer à droit ou à gauche en haut de votre site sous zwii et qui suivra le lecteur même si celui ci descend la page dans sa lecture...

en haut de page à droite...

pubd.thumb.PNG.40e7729187a3573a3b441ab3e593fc48.PNG

 

et en descendant dans une page bandeau sur la gauche

pubg1.thumb.PNG.69976065c91735aa23893227dda0b5a3.PNG

 

 

Comment faire pour l'installer

Décompresser l'archive sur votre pc,
Copier le code contenu dans le fichier code.txt dans le fichier main.php ( /core/layout/main.php )
copier le code contenu dans le fichier ruban.css dans le fichier common.css ( /core/layout/common.css )
( vous pouvez aussi envoyer le fichier ruban.css directement sur votre serveur, dans ce cas suivre les
explications plus précises données ci dessous et marqué comme ceci * )

 

Ci dessous, le code à intégrer dans le fichier main.php situé dans le dossier /core/layout/main.php de votre site sur le ftp.

<div class="ribbon"><a href="http://adresse de votre zwii/">Le texte à faire apparaitre</a></div>

Mettre ce code juste près la balise <body> comme dans l'exemple ci dessous, pensez à changer " http://adresse de votre zwii/ " par
l'url de votre site zwii et le texte qui apparaitra dans le bandeau publicitaire.

 

* Si vous décidez d'envoyer le fichier ruban.css plutôt que de copier son contenu dans common.css situé dans le dossier
core/layout/ , pensez à le déclarer sous la balise <head> de cette façon :

<link rel="stylesheet" href="<?php echo helper::baseUrl(false); ?>core/layout/ruban.css">

exemple de l'emplacement pour le(s) code(s) à incorporer

<?php $layout = new layout($this); ?>
<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<?php $layout->showMetaTitle(); ?>
	<?php $layout->showMetaDescription(); ?>
	<?php $layout->showFavicon(); ?>
	<?php $layout->showVendor(); ?>
	<link rel="stylesheet" href="<?php echo helper::baseUrl(false); ?>core/layout/common.css">
	<link rel="stylesheet" href="<?php echo helper::baseUrl(false); ?>core/layout/perso/ruban.css">
	<link rel="stylesheet" href="<?php echo helper::baseUrl(false); ?>site/data/theme.css?<?php echo md5(json_encode($this->getData(['theme']))); ?>">
</head>
<body>
<div class="ribbon"><a href="http://adresse de votre zwii/">Le texte à faire apparaitre</a></div>

La personnalisation des couleurs de votre bandeau s'effectue dans le fichier css du ruban

Pour mettre à droite votre ruban, rechercher left: -3em; et transform: rotate(-45deg); dans :

.ribbon {
    background-color: #3E6B9F;
    z-index: 1000;
    padding: 3px;
    position: fixed;
    top: 2em;
    left: -3em;
    transform: rotate(-45deg);
}

et le remplacer par right: -3em; et rotate(45deg); comme dans l'exemple ci dessous :

.ribbon {
    background-color: #3E6B9F;
    z-index: 1000;
    padding: 3px;
    position: fixed;
    top: 2em;
    right: -3em;
    transform: rotate(45deg);
}

la couleur du texte se change dans :

.ribbon a {
    border: 1px dotted #FFF;
    color: #707BFF;
    display: block;
    font: 81.25% "Helvetiva Neue",Helvetica,Arial,sans-serif;
    margin: 0.05em 0px 0.075em;
    padding: 0.5em 3.5em;
    text-align: center;
    text-decoration: none;
    text-shadow: 0px 0px 0.5em #E3E3E3;
}

couleur du texte à la ligne:   color: #707BFF;
l'ombre du texte à la ligne:   text-shadow: 0px 0px 0.5em #E3E3E3;

 

* Sources des fichiers modifiés :

- sources:

Recherche pure sur le web en tapant le mot " ribbon " et php/html

 

- fichiers modifiés :

Aucun

 

Enjoy les amis

Roger nounours


 

Modifié par Invité

Partager ce message


Lien à poster
Partager sur d’autres sites
Invité   
Invité

@Bass bin j'ai pensé suite à l’échange dans ton sujet que ce serait pas mal de ressortir de " vieux " scripts ( les rubans existent depuis longtemps ) et surtout celui ci peut se déplacer à droite ou gauche, , a l'avantage énorme aussi de ne dépendre que du webmaster qui l'installera sur son site et pas d'un quelconque service sur le web qui met ses liens de redirection à lui en plus ;)

 

Et vu qu'il est dans le corps du zwii même, il est aussi responsif jusqu’à un certain point :)

 

En l'adaptant légèrement par rapport aux versions les plus anciennes et leur fichier index.html au lieu de main.php, il fonctionnerait m^me dans un zwiicms version 7.....

Partager ce message


Lien à poster
Partager sur d’autres sites

Créer un compte ou se connecter pour commenter

Vous devez être membre afin de pouvoir déposer un commentaire

Créer un compte

Créez un compte sur notre communauté. C’est facile !

Créer un nouveau compte

Se connecter

Vous avez déjà un compte ? Connectez-vous ici.

Connectez-vous maintenant

  • Contenu similaire

    • Par trobert
      Salut
      Je découvre Zwii. Très chouette..
      Correspond tout à fait à une utilisation minimaliste (OVH, 10Mo).
      Accessible à des novices.
      Beau boulot
       
      Ma question : comment ajouter une image dans le bandeau, sous le titre ?
      A+
    • Par Marie-Anne
      Hello les amis
      Si je mets à jour mon petit Zwii par l'administration je me retrouve sur la page d'accueil du blog avec une erreur 500 (page blanche) 
      Une idée ? 
      Seule le module blog bug pour moi
    • Par Marie-Anne
      Bonjour à tous

      Je vous présente le site de la ferme bio de mon épouse dont je suis le gestionnaire : la ferme Du-Pâquis Fleury
       
      Il tourne sous la dernière version de Zwii avec quelques modifications simple pour l'optimisation SEO et hébergé chez o2switch.
       
      Habitué depuis un moment à un autre CMS sans base de données Pluxml de son nom Je me suis tourné vers Zwii, car il me semble plus moderne.

      Je suis agréablement surpris de la simplification du travail avec Zwii, de son optimisation et du respect des standards du W3C.