« Page d'Accueil #1 ~ Zekarant »

Sujet: Page d'Accueil #1 ~ Zekarant Lun 06 Fév 2017, 20:52

Bonjour à tous,
Je vous propose mon premier LS qui est une PA, remerciez Yuuki du schéma ^^

Rendu :

Cliquez ici !:

Tout ce qui peut être modifié côté CSS est indiqué ! Si le code présente une quelconque erreur merci de la signaler !

Pour utiliser le code, il vous suffit d'héberger d'installer le HTML dans une page (Modules -> Gestion des pages HTML -> Création en mode avancé) et copiez le code qui va suivre :

Voici donc les deux codes permettant d'avoir cette belle PA :

Code:

Code:: <!DOCTYPE html>
<html>
<body>
  <div style="background-color: #CDD8D8; width: 850px; height: auto; border: 1px solid black;"><img src="http://www.pixenli.com/images/1456/1456058459064099700.png" style=
"margin: 80px 43px 298px 623px;" alt=""> <img src="http://www.pixenli.com/images/1456/1456059022096674300.png" style="margin: -455px -100px 314px 427px;" alt="">
<div style="border: 1px solid #69A5A5; background-color: #69A5A5; width: 383px; height: auto; margin: -309px 50px 195px 426px; text-align: center; color: white; font-size: 11px; padding: 5px 2px 25px 2px;">XXX
- NEWS<br>
XXX - NEWS<br>
XXX - NEWS<br>
XXX - NEWS<br>
XXX - NEWS<br>
  XXX - NEWS</div>
<div style="color: white; margin: -185px 50px 195px 456px; font-size: 22px;"><a href="#" style="color: #EEFDFD; text-decoration: none;">LIEN</a> - <a href="#" style=
"color: #EEFDFD; text-decoration: none;">LIEN</a> - <a href="#" style="color: #EEFDFD; text-decoration: none;">LIEN</a> - <a href="#" style="color: #EEFDFD; text-decoration: none;">LIEN</a> -
<a href="#" style="color: #EEFDFD; text-decoration: none;">LIEN</a></div>
<img src="http://www.pixenli.com/images/1456/1456061732004578300.png" style="margin: -180px 150px 175px 434px;" alt=""> <img src="http://www.pixenli.com/images/1456/1456061732004578300.png" style=
"margin: -299px 162px 193px 496px;" alt=""> <img src="http://www.pixenli.com/images/1456/1456061732004578300.png" style="margin: -399px 174px 211px 558px;" alt=""> <img src=
"http://www.pixenli.com/images/1456/1456063192042026500.png" style="margin: -295px 186px 229px 619px;" alt=""> <img src="http://www.pixenli.com/images/1456/1456061732004578300.png" style=
"margin: -299px 498px 247px 685px;" alt=""> <img src="http://www.pixenli.com/images/1456/1456061732004578300.png" style="margin: -317px 245px 265px 748px;" alt="">
<div style="color: #EEFDFD; text-align: right; font-size: 24px; font-family: 'Arial', cursive; margin: -626px 35px 120px 150px;">BIENVENUE SUR NOM DU FORUM</div>
<div style="border: 1px solid #86B0B0; color: white; font-size: 12px; background-color: #86B0B0; border-radius: 500px; text-align: center; padding: 45px 30px 35px 35px; margin: -150px 439px -100px 27px;">
<p>Je suis un paragraphe. Je suis un paragraphe. Je<br>
suis un paragraphe. Je suis un paragraphe. Je<br>
suis un paragraphe. Je suis un paragraphe. Je<br>
suis un paragraphe. Je suis un paragraphe. Je<br>
suis un paragraphe. Je suis un paragraphe. Je<br>
suis un paragraphe. Je suis un paragraphe. Je<br>
suis un paragraphe. Je suis un paragraphe. Je<br>
suis un paragraphe. Je suis un paragraphe. Je<br>
suis un paragraphe. Je suis un paragraphe. Je<br>
suis un paragraphe. Je suis un paragraphe. Je<br>
suis un paragraphe. Je suis un paragraphe. Je<br>
suis un paragraphe. Je suis un paragraphe. Je<br>
suis un paragraphe. Je suis un paragraphe. Je<br>
suis un paragraphe. Je suis un paragraphe. Je<br>
suis un paragraphe. Je suis un paragraphe. Je<br>
suis un paragraphe. Je suis un paragraphe. Je<br>
  suis un paragraphe. Je suis un paragraphe. Je<br/>
  <a href="#" style="color: #EEFDFD; font-style: normal; text-decoration: none;">Lire la suite ?</a></div>
<div style="text-align: right; color: #86B0B0; font-size: 11px; margin: 120px 25px -2px 24px;">
  <p>Designed by Yuuki / Codage by Zekarant</p></div>
</div>

Ensuite, ajoutez cet iframe dans Affichage -> Généralité -> Copier l'iframe suivante ;

Code:: <iframe style="width: 900px; height: 530px;" frameborder="yes" scrolling="no" src="URL DE VOTRE PAGE" name=""></iframe>

Un petit merci fait toujours plaisir !

Et voici le nombre de points que tu peux prendre : 8 points pour ton libre service, qui je suis certaine va être utile a pas mal de membre ^^

» Page HTML •• Page d'accueil •• Personnalisable.
» Page d'accueil - #Yunaly
» Partie cours : Zekarant
» Page d'accueil en onglet
» Et une page d'accueil...Une.

« Page d'Accueil #1 ~ Zekarant »

Page d'Accueil #1 ~ Zekarant

Sujets similaires

Sujets similaires

Rechercher

Résultats par : Messages Sujets
Recherche avancée

Page 1 sur 1