Codes HTML QSJ .pdf



Nom original: Codes HTML QSJ.pdfTitre: QSJ HTML

Ce document au format PDF 1.3 a été généré par TextEdit / Mac OS X 10.9.5 Quartz PDFContext, et a été envoyé sur fichier-pdf.fr le 15/10/2014 à 11:28, depuis l'adresse IP 178.83.x.x. La présente page de téléchargement du fichier a été vue 3556 fois.
Taille du document: 113 Ko (12 pages).
Confidentialité: fichier public


Aperçu du document


Codes HTML
design OMD
par Jesssloulou

Petit disclaimer à lire avant de
commencer !

Cette page a entièrement été faite par moi-même et j'ai
mis énormément de temps à tout mettre en ordre, il va
de soi que je ne tolèrerai aucune copie.
Les codes affichés sont ceux que j'utilise, mais il y en a
beaucoup d'autres à disposition.
Pour mettre ces codes dans votre QSJ, il faut d'abord le
mettre en mode HTML, c'est à dire recharger la page et
la stopper avant que le chargement soit complet. Si
vous cherchez un peu, vous pourrez trouver des
explicatifs précis en image, mais ici je pars du principe
que vous avez déjà une certaine notion du HTML et que
vous cherchez juste les codes.
Il vous faudra prendre TOUT le code (commence par <p
et termine par </style>), sauf bien évidemment ce qui

est écrit en gras, c'est juste pour que vous sachiez quel
code modifie quoi. Tout ce que vous devrez modifier est
URL (UNIQUEMENT, laissez les guillemets avant et
après) et ce qui est en couleur (voir tout en bas du
document pour les explicatifs).
Pour savoir quelle est la grandeur des blocs, il vous
suffit de faire clic-droit sur le bloc + afficher l'image de
fond, et c'est la taille de l'image que vous devrez
remplacer.
ATTENTION !
Que vous débutiez en HTML ou non, je vous
conseille vivement d'avoir une seconde doll (à
l'email valide) sur laquelle vous pourrez faire tous
les essais que vous voudrez. Le HTML doit être
manié avec précaution, sinon cela peut engendrer
de gros bugs sur votre page. C'est pour cela que je
vous conseille vraiment de tester votre design sur
une fée avant de le mettre en place sur votre doll
principale.
J'ai fait au mieux, mais je n'exclus pas une ou deux
petites failles. Dans quel cas, envoyez-moi un MP pour
que je puisse corriger :)

Good luck ! ❤️
© 2 0 1 4 Jesssloulou

BLOC OFFRES
<p style="width:570px;"><style>
#offres {
background: url("URL") no-repeat scroll 0% 0% transparent;
}
</style>

FOND FIXE
<p style="width:570px;"><style>
body {
background: url("URL") repeat fixed 0% 0% transparent !important;
}
</style>

LOGO
<p style="width:570px;"><style>
#logo2012 {
background-image:url("URL") !important;
}
#logo2012 a {
opacity:0 !important;
}
</style>

FOND TRANSPARENT
<p style="width:570px;"><style>
#contenu2012 {
background: none repeat scroll 0% 0% transparent !important;
}
</style>

BLOC AVATAR + VIP
<p style="width:570px;"><style>
#blochaut {
background-image: url("URL") !important;

}

<p style="width:570px;"><style>
#blochaut_vip {
background-image: url("URL") !important;
}
</style>
</style>

GRANDE BARRE (derrière News, Loft, Magasins, …)
<p style="width:570px;"><style>
#barrejaune {
background-image: url("URL") !important;
}
</style>

PETITE BARRE (derrière votre pseudo, métier, …)
<p style="width:570px;"><style>
#fiche_info
{background-image: url("URL") !important;
}
</style>

BLOC VOTES
<p style="width:570px;"><style>
#gauche_note {
background-image: url("URL") !important;
}
</style>

BLOC COMMS
<p style="width:570px;"><style>
#gauche_comz {
background-image: url("URL") !important;
}
</style>

BLOC AMIS
<p style="width:570px;"><style>
#gauche_amiz {
background-image:url("URL");!important;
}
</style>

BLOC BONTÉ
<p style="width:570px;"><style>
#gauche_bonte {
background-image: url("URL") !important;
}
</style>

BLOC DOLLZ EN LIGNE SUPPRIMÉ
<p style="width:570px;"><style>
#blocgauche_online {
display: none;
}
</style>

<p style="width:570px;"><style>
#blocgauche_online h2 a {
display: none;
}
</style>

PARTAGE SUPPRIMÉ
<p style="width:570px;"><style>

#fiche_share {
display: none;
}
</style>

BANNIÈRE « QUI SUIS-JE ? »
</style><p style="width:570px;"><style>
#qsj_view_haut {
background-image: url("URL") !important;}
</style>

BLOC FÉÉRIK BAS SUPPRIMÉ
<p style="width:570px;"><style>
#footer2012 {
display: none;
}
</style>

FOND QSJ SUPPRIMÉ
<p style="width:570px;"><style>
#qsj_view_milieu, #qsj_view_bas{
background: none
}
</style>

BORDS AVATARS AMIS
<p style="width:570px;"><style>
.ami_avatar {
border-radius: X%;
}
</style>

BOÎTE DIALOGUE
<p style="width:570px;"><style>
#message_milieu {
background-image: url("URL") !important;
height: 63px;
}
</style>

BLOC EN SAVOIR PLUS SUR MOI
<p style="width:570px;"><style>
#fiche_espsm {
background-image: url("URL") !important;
}

</style>

BORDS LOFT

<p style="width:570px;"><style>
#fiche_loft {
border-left-color: #X;
border-top-color: #X;
border-right-color: #X;
border-bottom-color: #X;
}
</style>
<p style="width:570px;"><style>
#fiche_loft {
border-width: Xpx;
}
</style>

BLOC SUPPLÉMENTAIRE (bloc fixe avec lien que
vous pouvez mettre n'importe où sur votre page)
<div><a style="position:fixed;z-index:9 !important;
top:Xpx;
left:Xpx;
" href="LIEN" title="" target="_blank"><img src="URL" border="0" alt="" /></a></div>

PUB SUPPRIMÉE
<p style="width:570px;"><style>
#pub_flash {
display:none;
}
</style>

LÉGENDE COULEURS :
X (bords des avatars des amis) représente le nombre de
pourcents que vous voulez que les bords soient. Pour
vous donner une idée, 50% donnera des avatars ronds,
1% étant carré avec des légers arrondis. A vous de
juger ce qui vous semble le mieux.
X (bords du loft) représente le code couleur pour les
contours de votre QSJ. Enlevez le # si vous voulez une
couleur en anglais (exemple : white, blue, pink, …). Left
= bord de gauche ; Top = bord du haut : Right = bord de
droite ; Bottom = bord du bas.
X (bords du loft) représente l'épaisseur des bords du
QSJ. Pour vous donner une idée, 2 ou 3px est la
grandeur de base.
X (bloc supplémentaire) représente l'endroit où vous
voulez votre bloc par rapport au coin en haut à gauche.
Pour vous donner une idée, l'avatar de votre doll est de

100px sur 100px. Left représente le nombre de px
depuis la gauche et Top représente le nombre de px
depuis le haut.


Codes HTML QSJ.pdf - page 1/12
 
Codes HTML QSJ.pdf - page 2/12
Codes HTML QSJ.pdf - page 3/12
Codes HTML QSJ.pdf - page 4/12
Codes HTML QSJ.pdf - page 5/12
Codes HTML QSJ.pdf - page 6/12
 




Télécharger le fichier (PDF)


Codes HTML QSJ.pdf (PDF, 113 Ko)

Télécharger
Formats alternatifs: ZIP



Documents similaires


sandra jones
desing pinturebleu 1
comande
css de base pour ohmydollz
codes html qsj
comment faire son design