3 résultats trouvés pour auteur_Offrande

Cette petite fiche peut servir à beaucoup, beaucoup de chose et je me permet de la poster pour enrichir un peut ce forum qui m'as beaucoup aider! Cette petite fiche vas avec celle-ci : WWW (ne pas oublier de changer le lien quand le LS sera disponible) merci Si vous souhaitez installer les polices qui sont sur cette fiches pour avoir les même un tutoriel est conter en bas de page.

Image via une imprime écran de mon forum :

En ce qui concerne l'image : Vous pouvez la changer contre n'importe qu'elle image faisant une taille de : 260px de largeur sur 400px de hauteur.

Voila le code de la fiche placer sous HIDE contre un petit message de remerciement

Code:

<link href='http://fonts.googleapis.com/css?family=Pacifico|UnifrakturMaguntia' rel='stylesheet' type='text/css' /><!--DATE ARTICLE--><div style="text-align: center; font-size: 20px;text-shadow: 3px 3px 3px #000; font-family: Pacifico; color: #ffffff;"> Date : .. / .. / .. </div><br/><br/><!--INTRO ARTICLE--><div style="font-size: 30px; color: #000; text-shadow: 3px 3px 3px #fff; font-family: UnifrakturMaguntia;margin-bottom: -10px; text-align: center; margin-left: -250px;"> Introduction</div><!--FICHE ARTICLE--> <table style="margin: auto;"><tr><td><div style="width: 220px; height: 357px; overflow: auto; background-color: #89725B; border: 1 px solid #000; padding: 20px; text-align: justify;"><!--CONTENU ARTICLE--><span style="color: white;">
REMPLACER LA TOTALITÉ DE CE TEXTE PAR VOTRE INTRODUCTION Non ergo erunt homines deliciis diffluentes audiendi, si quando de amicitia, quam nec usu nec ratione habent cognitam, disputabunt. Nam quis est, pro deorum fidem atque hominum! qui velit, ut neque diligat quemquam nec ipse ab ullo diligatur, circumfluere omnibus copiis atque in omnium rerum abundantia vivere? Haec enim est tyrannorum vita nimirum, in qua nulla fides, nulla caritas, nulla stabilis benevolentiae potest esse fiducia, omnia semper suspecta atque sollicita, nullus locus amicitiae.Siquis enim militarium vel honoratorum aut nobilis inter suos rumore tenus esset insimulatus fovisse partes hostiles, iniecto onere catenarum in modum beluae trahebatur et inimico urgente vel nullo, quasi sufficiente hoc solo, quod nominatus esset aut delatus aut postulatus, capite vel multatione bonorum aut insulari solitudine damnabatur.
</span></div></td><td><!--IMAGE 260 LARGEUR SUR 400 HAUTEUR--><img src="https://i37.servimg.com/u/f37/19/54/37/96/articl10.png" /></td></tr></table><!--CADRE ARTICLE--><div style="margin: auto; width: 527px; height: 400px; overflow: auto; border: 1px solid #000; background-color:#89725B;"><br/><br/><!--TITRE ARTICLE--><div style="font-size: 30px; color: #000; text-shadow: 3px 3px 3px #fff; font-family: UnifrakturMaguntia;margin-bottom: -10px; text-align: center;"> Titre Article </div>
<!--CONTENU ARTICLE--> <div style="text-align: justify; padding: 20px; color: white;">
REMPLACER LA TOTALITÉ DE CE TEXTE PAR VOTRE ARTICLE Non ergo erunt homines deliciis diffluentes audiendi, si quando de amicitia, quam nec usu nec ratione habent cognitam, disputabunt. Nam quis est, pro deorum fidem atque hominum! qui velit, ut neque diligat quemquam nec ipse ab ullo diligatur, circumfluere omnibus copiis atque in omnium rerum abundantia vivere? Haec enim est tyrannorum vita nimirum, in qua nulla fides, nulla caritas, nulla stabilis benevolentiae potest esse fiducia, omnia semper suspecta atque sollicita, nullus locus amicitiae.Siquis enim militarium vel honoratorum aut nobilis inter suos rumore tenus esset insimulatus fovisse partes hostiles, iniecto onere catenarum in modum beluae trahebatur et inimico urgente vel nullo, quasi sufficiente hoc solo, quod nominatus esset aut delatus aut postulatus, capite vel multatione bonorum aut insulari solitudine damnabatur.Quae dum ita struuntur, indicatum est apud Tyrum indumentum regale textum occulte, incertum quo locante vel cuius usibus apparatum. ideoque rector provinciae tunc pater Apollinaris eiusdem nominis ut conscius ductus est aliique congregati sunt ex diversis civitatibus multi, qui atrocium criminum ponderibus urgebantur.Non ergo erunt homines deliciis diffluentes audiendi, si quando de amicitia, quam nec usu nec ratione habent cognitam, disputabunt. Nam quis est, pro deorum fidem atque hominum! qui velit, ut neque diligat quemquam nec ipse ab ullo diligatur, circumfluere omnibus copiis atque in omnium rerum abundantia vivere? Haec enim est tyrannorum vita nimirum, in qua nulla fides, nulla caritas, nulla stabilis benevolentiae potest esse fiducia, omnia semper suspecta atque sollicita, nullus locus amicitiae.Siquis enim militarium vel honoratorum aut nobilis inter suos rumore tenus esset insimulatus fovisse partes hostiles, iniecto onere catenarum in modum beluae trahebatur et inimico urgente vel nullo, quasi sufficiente hoc solo, quod nominatus esset aut delatus aut postulatus, capite vel multatione bonorum aut insulari solitudine damnabatur.Quae dum ita struuntur, indicatum est apud Tyrum indumentum regale textum occulte, incertum quo locante vel cuius usibus apparatum. ideoque rector provinciae tunc pater Apollinaris eiusdem nominis ut conscius ductus est aliique congregati sunt ex diversis civitatibus multi, qui atrocium criminum ponderibus urgebantur.</div>
</div>

Pour ce qui concerne les Polices utiliser ce sont les Police :
- UnifrakturMaguntia (en noir)
- Pacifico (en blanc)

Cela fait un certain temps que je me suis inscrite sur ce forum et comme je me suis amélioré en CSS je vous propose l'une de mes créations qui, je pense pourrait servir a pas mal de chose Cette petite créations peut servir surtout pour les RPG mais vous pouvez bien sur l'utiliser pour autre chose. Cette fiche comporte une grande CSS mais n'est pas a ajouter dans la feuille de style, tout ce trouve dans le sujet lui-même. Pour ce qui est des polices, si vous souhaitez utiliser les même que celle présenter sur la fiche, une explications est conter en bas du sujet pour installer celle-ci.

Aperçus Normal :

En ce qui concerne l'image : Vous pouvez la remplacer par n'importe qu'elle image de 500px de largeur sur 200px de hauteur.

Le Code de la Fiche

Code:

<link href='http://fonts.googleapis.com/css?family=Pacifico|UnifrakturMaguntia' rel='stylesheet' type='text/css' /><!--------------------------------------CADRE GENERALE--------------------------->
<div style="margin: auto; min-height: 1300px; max-height: 1300px; width: 500px; background-color: #89725B; box-shadow: 10px 10px 10px #000; border-radius: 0px 0px 40px 0px;"><!--IMAGE--><div style="width: 500px"><!--IMAGE 500 PX DE LARGEUR SUR 200 PX DE HAUTEUR--><img src="https://i37.servimg.com/u/f37/19/54/37/96/blog_h10.png" /> </div><!--NOM--><span style="color: #000; font-size: 35px; margin-left: 150px; font-family: Pacifico; text-shadow: 3px 3px 3px #ffffff;"> Le Nom du Blog </span><!--CITATION-->
<span style="color: #ffffff; font-size: 11px; text-transform; uppercase; margin-left: 180px;"> Je suis une petite Citation ... </span><br/><br/><!--TITRE STATISTIQUE--><div style="font-size: 20px; margin-bottom: -5px; margin-left: 50px; text-shadow: 3px 3px 3px #000; font-family: Pacifico; color: #ffffff;">Statistique</div><!--STATISTIQUE CADRE--><div style="height: 100px; overflow: auto; border: 1px solid #ffffff; width: 400px; padding: 10px; margin-left: 50px; border-radius: 20px 0px 20px 0px;box-shadow: 5px 5px 5px #000;background-color: #89725B;"><!--CONTENU DES STATISTIQUE--><span style="color: #000!important;">✽ Blog de :
✽ Date de Création :
✽ Tags :
✽ Mes Trophées:
</span></div><!--FIN CADRE STATISTIQUE--><br/><br/><!--TITRE DESCRIPTION--><div style="font-size: 20px; margin-bottom: -25px; margin-left: 50px; text-shadow: 3px 3px 3px #000; font-family: Pacifico; color: #ffffff;">Description</div>
<!--CADRE DESCRIPTION--><div style="height: 200px; width: 400px; overflow: auto; margin-left: 50px; border: 1px solid #ffffff; padding: 10px; border-radius: 20px 0px 20px 0px; box-shadow: 5px 5px 5px #000;background-color: #89725B;"><!--CONTENU DESCRIPTION--><span style="color: #000;">Sin autem ad adulescentiam perduxissent, dirimi tamen interdum contentione vel uxoriae condicionis vel commodi alicuius, quod idem adipisci uterque non posset. Quod si qui longius in amicitia provecti essent, tamen saepe labefactari, si in honoris contentionem incidissent; pestem enim nullam maiorem esse amicitiis quam in plerisque pecuniae cupiditatem, in optimis quibusque honoris certamen et gloriae; ex quo inimicitias maximas saepe inter amicissimos exstitisse</span></div><!--FIN CADRE DESCRIPTION--><br/><br/><!--TITRE ARTICLE ET AMI--><div style="font-size: 20px; margin-bottom: -25px; margin-left: 50px; text-shadow: 3px 3px 3px #000; font-family: Pacifico; color: #ffffff;">Mes Ami(e)s .... & Mes Articles :</div><br/><br/><!--DEBUT CADRE AMI et ARTICLE--><div style="margin-left: 50px;"><table><tr><td width="200px" valign="top"><!--DEBUT DIV A GAUCHE--><div style="height: 200px; overflow: auto; margin-left:5px; border: 1px solid #ffffff; padding: 0px 2px 2px 5px; border-radius: 20px 0px 20px 0px; box-shadow: 5px 5px 5px #000;background-color: #89725B;"><span style="color: #000;">[img]https://i39.servimg.com/u/f39/18/94/29/67/homme10.png[/img] ♥ Pseudo ♥ Blog
[img]https://i39.servimg.com/u/f39/18/94/29/67/femme10.png[/img] ♥ Pseudo ♥ Blog
[img]https://i39.servimg.com/u/f39/18/94/29/67/femme10.png[/img] ♥ Pseudo ♥ Blog
[img]https://i39.servimg.com/u/f39/18/94/29/67/femme10.png[/img] ♥ Pseudo ♥ Blog
[img]https://i39.servimg.com/u/f39/18/94/29/67/homme10.png[/img] ♥ Pseudo ♥ Blog
[img]https://i39.servimg.com/u/f39/18/94/29/67/homme10.png[/img] ♥ Pseudo ♥ Blog
[img]https://i39.servimg.com/u/f39/18/94/29/67/homme10.png[/img] ♥ Pseudo ♥ Blog
</span><br /></div><!--FIN DIV A GAUCHE--></td><td width="200px" valign="top"><!--DEBUT DIV A DROITE--><div style="height: 200px;overflow: auto;border: 1px solid #ffffff;padding: 0px 2px 2px 5px;border-radius: 20px 0px 20px 0px;box-shadow: 5px 5px 5px #000;background-color: #89725B; "><span style="color: #000;">[x] Nom de l'Article ─ Poster le :
[x] Nom de l'Article ─ Poster le :
[x] Nom de l'Article ─ Poster le :
[x] Nom de l'Article ─ Poster le :
[x] Nom de l'Article ─ Poster le :
[x] Nom de l'Article ─ Poster le : </span><br />
</div><!--FIN DIV A DROITE--></td></tr></table></div><!--FIN CADRE AMIS ET ARTICLE--><br /><br/><!--TITRE COMMENTAIRE--><div style="font-size: 20px; margin-bottom: -25px; margin-left: 50px; text-shadow: 3px 3px 3px #000; font-family: Pacifico; color: #ffffff;">Commentaires</div><br/><!--CADRE COMMENTAIRE--><div style="height: 200px; width: 400px; overflow: auto; margin-left: 50px; border: 1px solid #ffffff; padding: 10px; border-radius: 20px 0px 20px 0px; box-shadow: 5px 5px 5px #000;background-color: #89725B;"><!--CONTENU COMMENTAIRE--><span style="color: #000;">Contenus du Cadre ici. Contenus du Cadre ici</span></div>

</div>
<!------------------------------------FIN CADRE GENERALE------------------------->

Pour ce qui concerne les Polices utiliser ce sont les Police :
- UnifrakturMaguntia (en noir)
- Pacifico (en blanc)

Bonjour,  

Suite à un magnifique tutorel (maintenant archivé) de Amaziel pour coller la barre de navigation en haut du forum (aperçu : ici), j'en ai changé quelque particularité qui, je pense, feront plaisir à certain. Dans ce tuto je vous monterais deux façons de modifier la barre : 
- Mettre la barre en Transparence au dessus de votre header
- Mettre la barre en transparente SUR votre header.


Etape -0 (reproduire le tuto d'Amaziel) : 
Tout d'abord, vous rendre dans le bon template :
Panneau d'administration >> Affichage >> Templates >> General >> Template overall_header

Puis, supprimer la barre de navigation de base qui est dans le template :

Code:

{GENERATED_NAV_BAR}

Vous retrouvez ensuite ce bout de code dans le template :

Code:

<body background="{T_BODY_BACKGROUND}" bgcolor="{T_BODY_BGCOLOR}" text="{T_BODY_TEXT}" link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}">

Et vous ajoutez, directement après, ce code :

Code:

<table style="position: fixed; left: 0px; top: 0px; right: 0px; background-color: #000000; z-index:1000; width: 100%; border-bottom:1px solid #5E4036;" ><tr><td><center>{GENERATED_NAV_BAR}</center></td></tr></table>

Vous enregistrez et publiez le template et voilà !


Variante 1 : Mettre la barre en Transparence au dessus de vôtre header[/b]

Repérer la ligne suivante que Amaziel vous as fait installer dans l' Overall_hearder : 

Code:

<table style="position: fixed; left: 0px; top: 0px; right: 0px; background-color: #000000; z-index:1000; width: 100%; border-bottom:1px solid #5E4036;" ><tr><td><center>{GENERATED_NAV_BAR}</center></td></tr></table>

Et changer le par celui-ci : 

Code:

<TABLE STYLE="POSITION: FIXED; LEFT: 0PX; TOP: 0PX; RIGHT: 0PX; BACKGROUND-COLOR: none!important; Z-INDEX:1000; WIDTH: 100%;" ><TR><TD><CENTER>{GENERATED_NAV_BAR}</CENTER></TD></TR></TABLE>

S'il se présente un espace entre la barre et le haut de vôtre forum, ce qui est possible car nous avons supprimer la couleur régler le :
"top: 0px;" à "top: -10px;" de manière a ne plus voir cette espace.

Ce qui vous donnera ceci : 

---

[u]Variante 2 : Mettre la barre en transparence SUR votre header.

Les code suivants sont basée en fonction d'un header collé en haut du forum. 


Allez dans: Affichage > couleur > feuille de style css.

Puis, collez ceci dans votre feuille de CSS :

Code:

/* LOGO DU FORUM */
img#i_logo {
width: 100%!important;
margin-left: 0px!important;
margin-right: 0px!important;
margin-top: -10px!important;
}

Ce code est configuré pour que votre image colle au bords de droite, de gauche et du haut de votre forum, vous pouvez bien sur les modifier. Le "margin-top: -10px" sert à monter l'image en haut pour la rétrécir si vous le souhaiter.


Repérer une fois de plus la ligne suivante que Amaziel vous as fait installer dans l' Overall_hearder : 

Code:

<table style="position: fixed; left: 0px; top: 0px; right: 0px; background-color: #000000; z-index:1000; width: 100%; border-bottom:1px solid #5E4036;" ><tr><td><center>{GENERATED_NAV_BAR}</center></td></tr></table>

et remplacer le par celui-ci : 

Code:

<TABLE STYLE="POSITION: ABSOLUTE;
              LEFT: 0PX;
              TOP: 0PX;
              RIGHT: 0PX;
              BACKGROUND-COLOR: none!important;
              Z-INDEX:1000;
WIDTH: 100%;" >
<TR><TD><CENTER>{GENERATED_NAV_BAR}</CENTER></TD></TR>
</TABLE>

Cela devrait  donner ceci :


Voila, Voila 

Si vous avez la moindre question ou si vous souhaiter une modification a cette petite barre, n'hésitez pas a répondre à ce message, je reviendrait régulièrement vous aider. 

Bonne journée à tous