Partagez | 
 

 Fiche de lien & réponse rp & répertoire de lien #6

Voir le sujet précédent Voir le sujet suivant Aller en bas 



avatar
HTML et CSS n'ont pas de secrets pour moi

Say hello to the amazing

✓ ANCIENNETE : : 13/10/2012
✓ LOGICIELS : : Tophiltre & Toshop CS5

Voir le profil de l'utilisateur



Posté le Sam 13 Oct - 20:24
“ Commentaire de Ocean Lounge.


✎ MERCI DE BIEN LIRE CE PREMIER POST ! C'est épuisant de toujours se répéter.
✎ Le crédit de la fiche est relativement discret, merci de ne pas le retirer.
✎ La fiche est un peu compliquée au niveau du codage donc si vous ne savez pas quoi modifier, n'hésitez pas à demander.
✎ Vous pouvez modifier les couleurs bien évidemment : )

Alors d'abord et avant tout, vous devriez avoir un forum pour l'hébergé. Sur forumactif, vous allez dans le panneau d'administration, modules, html & javascript et gestion des pages HTML. Ensuite vous crée un nouvelle page et vous collez ce code :
Code:
<html>
  <head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<style type="text/css">

.tabc { background-color: #f5f5f5; width: 210px; height:30px; font-family: 'Lobster', cursive;; font-size: 20px; color: #7db4bd; text-align: center; line-height: 30px; overflow:auto; -moz-transition:all 1s ease-in-out; -webkit-transition:all 1s ease-in-out; margin-left:0px; }

.tabc:hover { background-color: #f5f5f5; width: 210px; height:160px; font-family: 'Lobster', cursive; font-size: 20px; color: #7db4bd; text-align: center; line-height: 30px; -moz-transition:all 1s ease-in-out; -webkit-transition:all 1s ease-in-out;  }

.color{
width: 210px;
height: 150px;
background-color:#f5f5f5;}

.shipbox {
height:300px;
width:180px;
background-color:#f5f5f5;
padding:10px;
font-family:trebuchet ms;
font-size:10px;
line-height:9px;
text-align:justify;}

.shipimg {
height: 300px;
width: 200px;
-webkit-transition: .4s ease-in-out opacity;
-moz-transition: .4s ease-in-out opacity;
-o-transition: .4s ease-in-out opacity;
transition: .4s ease-in-out opacity;
opacity: 0.8;}

.shipimg:hover {
-webkit-transition: .4s ease-in-out opacity;
-moz-transition: .4s ease-in-out opacity;
-o-transition: .4s ease-in-out opacity;
transition: .4s ease-in-out opacity;}

.shiptext {
height: 300px;
width: 200px;
-webkit-transition: .4s ease-in-out opacity;
-moz-transition: .4s ease-in-out opacity;
-o-transition: .4s ease-in-out opacity;
transition: .4s ease-in-out opacity;
opacity: 0;}

.shiptext:hover {
-webkit-transition: .4s ease-in-out opacity;
-moz-transition: .4s ease-in-out opacity;
-o-transition: .4s ease-in-out opacity;
transition: .4s ease-in-out opacity;
opacity: 0.85;}

.titre1{
font-size: 35px;
color: #7db4bd;
text-align: center;
font-family: 'Lobster', cursive;
-webkit-transition: .4s ease-in-out opacity;
-moz-transition: .4s ease-in-out opacity;
-o-transition: .4s ease-in-out opacity;
transition: .4s ease-in-out opacity;}

.titre{
font-size: 35px;
color: #7db4bd;
text-align: center;
font-family: 'Lobster', cursive;
-webkit-transition: .4s ease-in-out opacity;
-moz-transition: .4s ease-in-out opacity;
-o-transition: .4s ease-in-out opacity;
transition: .4s ease-in-out opacity;}

.box {
width: 413px;
height: 200px;
font-family:trebuchet ms;
font-size:11px;
line-height:9px;
text-align:justify;
padding: 10px;
 overflow: auto;
-o-transition: all 0.8s ease-in-out;
-webkit-transition: all 0.8s ease-in-out;
-moz-transition: all 0.8s ease-in-out;
background-color:#f5f5f5;}
</style>

</head>

  <BODY>

<center><div style="width: 450px; height: 640px; padding: 0px; border-left: 10px solid #7db4bd; border-right: 10px solid #7db4bd;"><div class="titre1" style="background-color:#f5f5f5; width: 414px; padding: 10px; margin-top:5px;">
prénom prénom nom</div>

<table><td valign="top"><div style="width: 200px; height: 320px; padding: 10px; background-color: #f5f5f5"><div class="shipimg"><div style="width:200px; height:320px; background-image:url(http://img828.imageshack.us/img828/2613/ah3.png);"><div class="shiptext"><div class="shipbox"><div style="height:280px; width:180px; overflow:auto; color:#000" class="shiptextscroll"><div class="titre"></br>lien à ajouté</div></br></br>
vos lien à ajoutés

</div>
</div>

</div></div>


</div></td>
<td valign="top"><div class="tabc">biographie<div style="padding: 10px 10px 10px 10px"><div style="width: 180px; height: 270px; font-family: times; font-size: 12px; line-height: 13px; text-align: justify; font-family:trebuchet ms; color: grey;">
histoire de votre personnage
<br></div></div></div>

<div class="tabc">personnalité<div style="padding: 10px 10px 10px 10px"><div style="width: 180px; height: 270px; font-family: times; font-size: 12px; line-height: 13px; text-align: justify; font-family:trebuchet ms; color: grey;">
le caractère du votre personnage
<br></div></div></div>
<div class="color"><center><div style="width:170; padding:20px; font-family: 'Lobster', cursive;font-size:17px; color:#7db4bd; text-align: justify;">passez votre souris sur les titres «personalité» et «biographie» pour en connaitre plus sur la belle blonde
<center><span style="font-size: 9px;">(c) fiche par ocean lounge</span></center></div>

<center></center></td></table><div class="box"><div class="titre">ce que je recherche</div></br></br>
<b>TYPE DE LIEN (F) ❥❥</b> description</br></br>
<b>TYPE DE LIEN (F) ❥❥</b> description</br></br>
<b>TYPE DE LIEN (F) ❥❥</b> description</br></br>
<b>TYPE DE LIEN (F) ❥❥</b> description</br></br>
<b>TYPE DE LIEN (F) ❥❥</b> description</br></br>
</br></div></br></center>

<link href='http://fonts.googleapis.com/css?family=Lobster' rel='stylesheet' type='text/css'>

 </BODY>
</html>

ensuite, afin de l'insérer dans un post, vous utiliserez de code :
Code:
<center><iframe src="URL DE LA PAGE" style="background: none repeat scroll 0% 0% transparent; height: 650px; width: 550px; -moz-background-inline-policy: continuous;" ;="" frameborder="no" scrolling="no"></iframe></center>

LA PARTIE DE LIEN


les belles gosses
(c) fiche par ocean lounge
[Vous devez être inscrit et connecté pour voir cette image]
Pseudo
description du lien
[Vous devez être inscrit et connecté pour voir cette image]
Pseudo
description du lien


Spoiler:
 

POUR VOS RÉPONSE RP

[Vous devez être inscrit et connecté pour voir cette image]
pseudo & pseudo
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.

(c) fiche par ocean lounge


Spoiler:
 


[Vous devez être inscrit et connecté pour voir cette image]


Dernière édition par Ocean Lounge. le Sam 13 Oct - 20:41, édité 2 fois
Revenir en haut Aller en bas



avatar
Who run the world ?

Say hello to the amazing

✓ YOUR AGE : : 27
✓ ANCIENNETE : : 26/12/2011
✓ LOGICIELS : : Photoshop
▶ MUSIQUE DU MOMENT : : Never say never - JACOB ARTIST
▶ EMPLOI/ETUDES : : Infographiste

Voir le profil de l'utilisateur http://www.cupofdesign.net



Posté le Sam 13 Oct - 20:29
“ Commentaire de Amethyst.
Très jolie fiche, j'adore l'effet sur l'avatar
Revenir en haut Aller en bas



avatar
HTML et CSS n'ont pas de secrets pour moi

Say hello to the amazing

✓ ANCIENNETE : : 13/10/2012
✓ LOGICIELS : : Tophiltre & Toshop CS5

Voir le profil de l'utilisateur



Posté le Sam 13 Oct - 20:38
“ Commentaire de Ocean Lounge.
Merci

Ajout d'une fiche de réponse ainsi que celle de votre liste de liens (aa)
Revenir en haut Aller en bas



avatar
Il parait que je réalise des commandes au top

Say hello to the amazing

✓ ANCIENNETE : : 10/10/2012
✓ LOGICIELS : : Photofiltre & photoshop

Voir le profil de l'utilisateur http://thewalkersong.blogspot.com/



Posté le Dim 14 Oct - 7:52
“ Commentaire de Yuuki
Han tout ce que tu fais est trop beau!
Merci beaucoup pour le partage!
Revenir en haut Aller en bas



avatar
Je débute, je suis un coquelicot

Say hello to the amazing

✓ YOUR AGE : : 26
✓ ANCIENNETE : : 07/04/2012
▶ MUSIQUE DU MOMENT : : Asaf Avidan - One Day/Reckoning Song
▶ EMPLOI/ETUDES : : Étudiante

Voir le profil de l'utilisateur



Posté le Dim 14 Oct - 8:46
“ Commentaire de Bleed Like Me
Très jolies fiches, merci du partage
Revenir en haut Aller en bas



avatar
Je débute, je suis un coquelicot

Say hello to the amazing

✓ ANCIENNETE : : 14/10/2012
✓ LOGICIELS : : photofiltre

Voir le profil de l'utilisateur



Posté le Dim 14 Oct - 13:11
“ Commentaire de BouLott
Han j'approuve c'est vraiment très très joli. je garde sous le coude. *-*
Revenir en haut Aller en bas



avatar
HTML et CSS n'ont pas de secrets pour moi

Say hello to the amazing

✓ ANCIENNETE : : 13/10/2012
✓ LOGICIELS : : Tophiltre & Toshop CS5

Voir le profil de l'utilisateur



Posté le Dim 14 Oct - 15:43
“ Commentaire de Ocean Lounge.
Merci
Revenir en haut Aller en bas



avatar
Who run the world ?

Say hello to the amazing

✓ YOUR AGE : : 26
✓ ANCIENNETE : : 26/12/2011
✓ LOGICIELS : : To shop :)

Voir le profil de l'utilisateur http://popnroll.1talk.net/



Posté le Sam 3 Nov - 12:21
“ Commentaire de Emie
J'aime beaucoup ces codes proposés Merci beaucoup pour ce partage !
Revenir en haut Aller en bas





Say hello to the amazing
Contenu sponsorisé





Posté le
“ Commentaire de Contenu sponsorisé ”
Revenir en haut Aller en bas
 

Fiche de lien & réponse rp & répertoire de lien #6

Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 1 sur 1

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
Cup of Design :: Aide et programmation :: Codes en libre-service :: ∆ Fiche de personnage-