Hello, voici un petit code pour présenter vos Océans! Juste quelques précisions:
Merci d'utiliser ce code pour Ocean Home seulement!
N'enlevez pas les crédits!
Vous pouvez changer les couleurs, les polices, l'image et évidemment le texte, mais merci de ne pas toucher au reste.
Pour utiliser ce code, il vous faut avoir accès au panneau d'administration d'un forum pour pouvoir utiliser une page HTML et une iframe.
J'ai utilisé des hover (effets au survols) pour les box, les titres et la bande avec le pseudo, donc n'hésitez pas à passer votre souris un peu partout ^^
Vous pouvez avoir un aperçu en direct ici Et en image ici
#haut{ width: 500px; height: auto; background-color: LightSteelBlue; /* couleur du haut de l'océan */ text-align: center; font-size: 22px; font-family: 'Neucha', cursive; font-variant: normal; color: LightCoral; /* couleur du texte du haut de l'océan */ letter-spacing: 0px; text-shadow: 0px 0px 1px hotpink; transition: 1s ease; }
#soustitre{ width: 500px; height: auto; margin-right: auto; margin-left: auto; margin-top: -10px; padding-bottom: -25px; text-align: center; font-size: 12px; font-family: 'Roboto', sans-serif; font-variant: small-caps; color: LavenderBlush; /* couleur du sous-titre en haut de l'océan */ letter-spacing: 1px; }
::-webkit-scrollbar { height: 6px; width: 6px; background-color: LightPink; /* couleur de fond de la barre de défilement */ }
html > ::-webkit-scrollbar { width: 6px; }
::-webkit-scrollbar-thumb { background: LightCoral; /* couleur de la barre de défilement (celle qui se déplace) */ border-radius: 0px; /* arrondissement de la barre de défilement */ }
::-webkit-scrollbar-track-piece { background-color: lightpink; /* couleur de fond de la barre de défilement */ }
</style> <div id="ocean">
<div id="haut"> Humeur du jour: <br /> <div id="soustitre"> Une petite citation trop cool </div>
<div class="gif"> </div>
</div>
<div class="bande"> [Pseudo] </div>
<div class="titre"> Quelques infos </div>
<div class="titre2"> Foire aux questions </div>
<div class="paragraphe"> <strong>Nom:</strong> <br /> <strong>Âge:</strong> <br /> <strong>Loisirs:</strong> <br /> <strong>Lieu de résidence:</strong> <br /> <strong>J'aime:</strong> <br /> <strong>Je n'aime pas:</strong> <br /><br /> (Ou votre texte personnel) Itaque tum Scaevola cum in eam ipsam mentionem incidisset, exposuit nobis sermonem Laeli de amicitia habitum ab illo secum et cum altero genero, C. Fannio Marci filio, paucis diebus post mortem Africani. Eius disputationis sententias memoriae mandavi, quas hoc libro exposui arbitratu meo; quasi enim ipsos induxi loquentes, ne 'inquam' et 'inquit' saepius interponeretur, atque ut tamquam a praesentibus coram haberi sermo videretur.
<div class="paragraphe2"> Itaque tum Scaevola cum in eam ipsam mentionem incidisset, exposuit nobis sermonem Laeli de amicitia habitum ab illo secum et cum altero genero, C. Fannio Marci filio, paucis diebus post mortem Africani. Eius disputationis sententias memoriae mandavi, quas hoc libro exposui arbitratu meo; quasi enim ipsos induxi loquentes, ne 'inquam' et 'inquit' saepius interponeretur, atque ut tamquam a praesentibus coram haberi sermo videretur.
<p> Nam sole orto magnitudine angusti gurgitis sed profundi a transitu arcebantur et dum piscatorios quaerunt lenunculos vel innare temere contextis cratibus parant, effusae legiones, quae hiemabant tunc apud Siden, isdem impetu occurrere veloci. et signis prope ripam locatis ad manus comminus conserendas denseta scutorum conpage semet scientissime praestruebant, ausos quoque aliquos fiducia nandi vel cavatis arborum truncis amnem permeare latenter facillime trucidarunt. </p>
Post hoc impie perpetratum quod in aliis quoque iam timebatur, tamquam licentia crudelitati indulta per suspicionum nebulas aestimati quidam noxii damnabantur. quorum pars necati, alii puniti bonorum multatione actique laribus suis extorres nullo sibi relicto praeter querelas et lacrimas, stipe conlaticia victitabant, et civili iustoque imperio ad voluntatem converso cruentam, claudebantur opulentae domus et clarae. </div>
<div class="titre2"> Historique </div>
<div class="paragraphe3"> Itaque tum Scaevola cum in eam ipsam mentionem incidisset, exposuit nobis sermonem Laeli de amicitia habitum ab illo secum et cum altero genero, C. Fannio Marci filio, paucis diebus post mortem Africani. Eius disputationis sententias memoriae mandavi, quas hoc libro exposui arbitratu meo; quasi enim ipsos induxi loquentes, ne 'inquam' et 'inquit' saepius interponeretur, atque ut tamquam a praesentibus coram haberi sermo videretur. </div>
<div class="credits"> Codage par Hecate pour Ocean Home </div> <script type="text/javascript"> </script> </div> </div>
Et l'iframe:
Code:
<iframe src="LIEN DE LA PAGE HTML" allowTransparency="true" width="500" height="950" frameborder="0" border="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>
Voilà!
Edit du 11 janvier: j'ai changé les couleurs de fond des box et de leur hover, je trouvais ça plus joli =D
Dernière édition par Hecate le Mer 11 Jan - 11:48, édité 1 fois
Myria Léviathan des Nymphes
Messages : 4603 Date d'inscription : 04/06/2016 Age : 23