Bandeau pour site Zwii 1.0.0

   (0 avis)

Invité

4 captures d’écran

À propos de ce 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




Retour utilisateur

Vous pouvez donner un avis uniquement après avoir téléchargé le fichier.

Il n’y a aucun avis à afficher.