Le CSS dans vos journaux...

Salut à tous !!

Je voulais juste vous faire partager ce que je sais sur ces nouveaux journaux. Vous avez peut-etre remarqué que certains deviant avaient des journaux beaucoup plus originaux que la normale. (Regarder ma galeri ou celle des certains de mes watchs). Donc déjà, pour pouvoir le faire, il faut avoir payé !! lol, être subscritor. Si vous l'êtes, c'est cool car ce n'est pas trop compliqué. Je me suis un peu renseigné, je sais pas tout (lol), je veux juste vous dire ce que l'on m'a dit !!!



Alors, la première chose à faire, ouvrez un nouveau journal, écrivez tous ce que vous avez à dire, mettez des photos si vous voulez enfin bref....
En suite, allez tout en bas du journal et cliquez sur CSS (beta) puis sur Ok dans la ptite fenètre qui s'ouvre...bon voilà.

Maintenant allez sur ce site (sans fermer votre journal !! ouvrez une nouvelle fenètre (ou un nouvel onglet)) http://www.icyworlds.net/about/css

C'est un générateur automatique de language CSS pour Deviantart enfait. Donc maintenant vous allez choisir les couleurs, un fond d'écran...de votre nouveau journal:

Background: c'est la couleur de fond de votre journal
Title Background: c'est ici qu'il faut mettre l'image qui sera en derrière votre titre.
Journal Background: pareil sauf que elle sera derrière votre texte ou vos image, la plus grande partie de votre journal en gros.
Moods: la couleur du fond, du texte des moods.
Border: couleur et épaisseur de la bordure

.......


PS: - Si vous ne voulez pas, par exemple, d'image de fond mais juste une couleur, il ne faut rien mettre comme lien...tout simplement !! lol
- Pour avoir l' URL d'une image de fond, allez sur ce site http://tinypic.com/ et enregistrez votre image, une URL vous sera donné.
- pour avoir le num d'une couleur, par exemple #123456, allez sur photoshop et cliqué sur la couleur, ou allé sur ce site http://www.siteprocentral.com/html_color_code.html


.......


Enfin, une fois votre personnalisation terminée, cliqué sur "Create template"....
Un drole de language arrive, c'est du CSS !!!!
En gros ça ressemble à ca:

.journalbox {
background-color: #123456 !important;
border: 3px #203040 solid !important;
}

.journalbox .list li {
background-color: transparent !important;
color: #C0C0E0 !important;
}

Sélectionnez tout ce texte, faite copier.....puis allez dans votre journal et dans la partie CSS (beta) collez le...

Si tout à marché votre journal aura la couleur que vous avez choisie !!!!!

oilou

Si vous avez pas bien compris dite le moi, j'ai fait de mon mieu et je connais po tout !!! lol

Il y'a pas mal d'attributs sympas pour la déco, le tout est de ne pas abuser.

Par exemple blink pour le texte clignotant
pour les bordur vous pouvez leur donner du relief, les mettre en pointillé ou en tiret (outline inline dotted dashed). Avec des images en png vous devriez même pouvoir jouer avec la transparence et tout mais ça devient un peu plus technique après.


P.S. mikado dans ton site web tu as mis .fr

Wé il y a encore plien d'autres choses, après faut les connaitres !!! lol

Merci pour le .fr, c'est corrigé !!

Merci à toi ! J'avoue que je ne savais pas du tout comment m'y prendre pour avoir un journal pareil et ton tuto m'a bien aidé. Merci.

Comment on emt des images dedans? enfin dans le journal?

il faut être suscriber non?! Je me tais sinon je vais dire des anneries !

Je suis subscribor normalement,.... mais comme l'a indiquer mika... ya de tres beau journeaux où ya des photo en petit format.... Sur Icyworld je ne peux que mettre une seule..... au niveau du fond général et une o niveau du titre

coucou tous le monde !!

De rien Silverwolf, ca me fait plez de te faire plez !!! lool

Alors, pour toi Titkoeur, pour mettre des photos faut déjà être suscriber, exacte Anatolia, j'ai vu que tu l'ai !!
Alors, il y deux solutions :

La première tu écris :thumbXXXXX:, dans la partie journal, pas CSS. Les XXXX tu les remplaces place par le n° de la photo. Il est écrit en bas à droite de ta photo que tu as soumi.

L'autre méthode c'est d'écrir :
<IMG SRC="VOTRE IMAGE">
Alors tu mets ton lien de ton image à VOTRE IMAGE. Après tu peux rajouter des fonctions, genre pour régler la taille de l'image tu rajoute deux autres "fonction", longueur/largeur mais en anglais, ca te donne ca :
<IMG SRC="VOTRE IMAGE" WIDTH="x" HEIGHT="x">
Après, tu peux en rajouter d'autre pour la bordur (BORDER="x").....n'oublis pas de tout mettre à la suite avant ">". Voilà, pour d'autre fonction vas voir là http://www.2001webmaster.com/astuces/balises_html/liens_et_images.htm


Si vous avez d'autres questions n'ésiter pas !!!

ça na absolument rien a voir mais j'adore les H-S :p
Vous avez payé combien pour être suscriber?

Anatolia a écrit:

ça na absolument rien a voir mais j'adore les H-S :p
Vous avez payé combien pour être suscriber?

20-25€ pour un an je crois; une cochonnerie dans le genre.

|[ Yamamura ]| a écrit:

Anatolia a écrit:

ça na absolument rien a voir mais j'adore les H-S :p
Vous avez payé combien pour être suscriber?

20-25€ pour un an je crois; une cochonnerie dans le genre.

Wouaw *-* cher...

23,51€ pour 1 an, soit 0,06€ par jour.
-> Source.

Merci petit Mika pour ces précieux infos . En plus je suis en train de refaire ma Gallerie, et comme me l'a expliquer notre cher ami edwardwoodland, il était trop encombrer de chose peut artistique... Donc un peu de clean par ci et par-là et mettre maintenant quelques petites images...

Pour être suscribor, il faut effectivement 23€ et des poussières, moi je l'ai fait même si c'est cher, trop cher. Non pas que je me sente le don d'un artiste, c'est simplement que je suis maniaque... Et j'aime pas les pubs qui y avait auparavant et il y quelques avantages gadgets à l'être c'est tout donc voilà.


Et encor merci pour les infos, et a pas répondu tôt so sorry Mr Mika


J'adore ce CSS :p C'est beau ce que tu as pu en faire, now il me reste plus qu'à faire de même

Je trouve pas l'endroit ou il y a marquer CSS (beta)

Helmet-boy a écrit:

Je trouve pas l'endroit ou il y a marquer CSS (beta)

Tu fais update journal. Et sous les espaces pour le titre, le texte et les cadres annexes. Il y a un dernier cadre, plus grand (juste au-dessus du bouton "envoyer" et en-dessous de la partie où tu mets le mood et ce que tu manges, tu lis etc ...).

Je suis suscriber, et ne trouve pas que payer 23euros par an soit très chez étant donné les avantages que ça procure.
(C'est moins cher qu'un abonnement à une revue si on va par là...)

Merci pour toutes ces explications. Je pense que je n'aurais jamais pu trouver ça toute seule : D

Merci Mikado !!!!! J'arrive enfin à faire ce que je veux avec DA !

Très bonne explication ! J'adhère

Je suis contente maintenant j'ai un "nouveau" journal

23 euros pour un an?? Oo perso enfin ce n'est que mon avis... c'est un peu cher -_-.... mais après si il y a des tas d'avantages, peut-être que ça vaut le coup... je voulais m'inscrire.. mais je crois que ce sera pas possible pour le moment -_- dommage...

Non ce que je trouve "con" c'est qu'il faut payer déjà si tu veux un skin... ... ... alors que tu vas dans d'autres blogs par exemple ben tu peux personnaliser tes skins et tout sans forcément être obligée de payer... mais bon, l'avantage de DA c'est que c'est selon moi le meilleur moyen de se faire connaître alors... je suis mitigée quand même

Hello tous !

Je vais être relou mais je trouve pas non plus ce "CSS beta"...!!!

Bon en fait c'est juste que DA a évolué et qu'il faut penser aux onglet maintenant...

J'ai à peu près réussi tout ce que je voulais sauf un truc : centrer mes images dans le journal...

Par exemple dans mon cas faire un bloc de 3x4 images, et 2 plus grandes en dessous, mais le tout au centre et pas à gauche : http://daborgne.deviantart.com/journal/

Pareil pour le texte d'ailleurs, comment centre-t-on ?

Merci

En théorie, tu utilises simplement :

Code:

text-align : center;

Je ne sais plus si il a été donné ailleurs, mais comme Hélène me l'a redemandé, voici un petit lien qui devrait aider les apprentis codeur css pour deviantArt :
http://www.icyworlds.net/about/css

Petite question, est ce que quelqu'un connait les codes pour mettre un texte en gras, souligné, italique etc ?