-
Thème en libre service #7 - New York City
Les Codes
@font-face {font-family: "Bebas_Neue";
src: url('http://ekladata.com/DQ4_vfzSOgR64n05EBmf7v_kH2U/BebasNeue.otf');}
@font-face {font-family: "lake";
src: url('http://ekladata.com/IP339OmJlEw9I-NGBUtfHMzGmP0/Lakesight_PersonalUseOnly.ttf');}@font-face {font-family: "lab";
src: url('http://ekladata.com/AZplGHuUIoQTsWXwcEjSFTIGCV4/LABTOP_.ttf');}/*--fond fenêtre--*/
#body { background:url('http://ekladata.com/iB3D7ti4-5-WNSLuO0Rnfy6XK2U.jpg') repeat;
font-family: arial;}
#body a { text-decoration: none;}/*--fond page--*/
#background {width: 89%;
margin-left: 30px;}/*--header--*/
#header {height: 75px;}#titre_header {position: absolute;
top: 320px;
left: 850px;
text-align: left;
line-height: 30pt;
width: 542px;
font-family: "lake";
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
transform: rotate(-90deg);}#titre_header a {color: #ffaf44;
font-size: 63pt;
text-shadow: 0px 0px 5px #ba0e25;
-webkit-transition-duration: 0.4s;
-moz-transition-duration: 0.4s;
transition-duration: 0.4s;
-webkit-transition-timing-function: ease-out;
-moz-transition-timing-function: ease-out;
transition-timing-function: ease-out;}#titre_header a:hover {color: #34c0cb;
text-shadow: 0px 0px 5px #7b7b7b;
-webkit-transition-duration: 0.2s;
-moz-transition-duration: 0.2s;
transition-duration: 0.2s;
-webkit-transition-timing-function: ease-out;
-moz-transition-timing-function: ease-out;
transition-timing-function: ease-out;}/*--menu header--*/
#menu {position: absolute;
top: 21px;}#menu a {display: block;
width: 105px;
height: 27px;
text-align: center;
border: 1px solid #f9f09e;
background: #f9f09e;
font-family: "lab";
font-size: 19pt;
letter-spacing: 5pt;
color: black;
padding: 2px 10px 7px 10px;
margin-right: 25px;
-webkit-transition-duration: 0.4s;
-moz-transition-duration: 0.4s;
transition-duration: 0.4s;
-webkit-transition-timing-function: ease-out;
-moz-transition-timing-function: ease-out;
transition-timing-function: ease-out;}#menu a:hover {background: white;
text-shadow: 0px 0x 3px black;
border: 1px solid #dbdbdb;
-webkit-transition-duration: 0.4s;
-moz-transition-duration: 0.4s;
transition-duration: 0.4s;
-webkit-transition-timing-function: ease-out;
-moz-transition-timing-function: ease-out;
transition-timing-function: ease-out;}/*--menu1--*/
#menu1 {background: url('http://ekladata.com/0CVIFL-EmH7pp8e8bD3Xhwza_O0@375x545.jpg');
width: 375px;
border: 3px solid #dbdbdb;
min-height: 542px;
max-height: 542px;
overflow-y: auto;
font-family: arial;
font-size: 12pt;
}#menu1 a {color: #ff0c50;
text-shadow: 1px 1px 0px white, -1px -1px 0px white, -1px 1px 0px white, 1px -1px white;}#menu1 a:hover {background-color: #34c0cb;
color:white;
border-radius: 3px;
text-shadow: none;}#menu1 .module_menu_titre {display: none;}
#menu1 .module_menu_contenu {padding: 0px 5px 0px 5px;
opacity: 0;
-webkit-transition-duration: 0.4s;
-moz-transition-duration: 0.4s;
transition-duration: 0.4s;}#menu1 .module_menu_contenu:hover {opacity: 1;
background: rgba(255,255,255,0.6);
min-height: 542px;
-webkit-transition-duration: 0.09s;
-moz-transition-duration: 0.09s;
transition-duration: 0.09s;}.module_menu_type_lastvisitors {position: absolute;
top: 0px;
right: 0px;
width: 60px;
margin-left: -10px;}.module_menu_type_lastvisitors img {width: 45px;
height: 45px;
border-radius: 100px;
margin-bottom: 15px;
margin-top: 5px;}/*--article--*/
#content {width: 645px;
position: absolute;
top: 75px;
left: 60px;
background: #f9f9f9;
border: 1px solid #dbdbdb;
min-height: 542px;
max-height: 542px;
overflow-y: auto;
}.module_titre_contenu, .module_titre_contenu a {font-family: "Bebas_Neue";
font-size: 23pt;
letter-spacing: 1pt;
color: #34c0cb;
text-shadow: 2px 0px 0px #dbdbdb;
}.module_titre_contenu {border-bottom: 1px dashed #dbdbdb;
height: 100%;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 10px;
padding-right: 10px;}.article_info {display: none;}
.module_contenu {padding: 7px;}
.module_contenu a {color: #ff497c;}
.module_contenu a:hover {background-color: #34c0cb;
color:white;
border-radius: 3px;}.module_bottom {height: 20px;}
/*--footer--*/
#footer {display: block;
color: grey;
font-size: 8pt;}#footer a {color: grey;}
#footer:after {content: "- Design by Elinae - © 2015";}/*--commentaire--*/
.comment_normal, .comment_admin {border-bottom: 1px dashed #dbdbdb;}
div.commentheader{}div.commentbody {margin-top: 10px;
margin-bottom: 20px;
text-align: justify;}div.commentbody a {}
div.commentbody a:hover {}
.comment_admin .commentnumber {color: #696969;}
.commentnumber {font-family: impact;
font-size: 12pt;
width: 22px;
color: black;
line-height: 160%;}.commentpseudo a {color: black;}
.commentpseudo a:hover {}
.commentpseudo {font-family: bebas_neue;
font-size: 20px;}.comment_admin .commentpseudo a{color: #ff497c;}
.comment_admin .commentpseudo a:hover {color: white;}.commentdate {font-family: "lab";
font-size: 13pt;
letter-spacing: 3pt;}.commentavatar {margin-right: 10px;
margin-left: 5px;}.commentavatar img {border-radius: 50px / 100px;
border: 3px solid #dbdbdb;}
/*--bouton--*/
input[type=button],input[type=submit], button {background: #34c0cb;
color: white;
font-family: bebas_neue;
font-size: 17px;
letter-spacing: 1.2pt;
border: none;
padding: 2px 8px 0px 8px;}input[type=button]:hover, input[type=submit]:hover, input[type=reset]:hover, button:hover, .button:hover {background-color: #ff497c;}
/*--helpbubble--*/
#help_bubble {background: white;
border: 1px solid grey;
color: grey;
border-radius: 3px;}
/*--forums--*/
.post_table { margin-bottom: 15px;}.post_table_head {background: #ffaf44;
padding: 5px;
font-family: arial;
color: white;
text-align: right;
border-bottom: 1px dashed #ababab;}.post_table_profile a {font-family: bebas_neue;
font-size: 20px;}.post_table_profile a:hover {}
.post_table_profile {text-align: right;
width: 86px;
padding-right: 5px;
padding-bottom: 5px;
background: #e9e9ea;
border-right: 1px dashed #ababab;
border-bottom: 1px solid #ababab;}.post_table_profile img {width: 75px;
height: 75px;
border-radius: 50px / 100px;
border: 3px solid #ababab;}.post_table_msg {padding: 7px;
background: #e9e9ea;
border-bottom: 1px solid #ababab;
border-right: 7px solid #ffaf44;}
/*--pagination--*/
.pagination {font-family: bebas_neue;
font-size: 12pt;}.pagination a {padding-left: 3px; padding-right: 3px;}
.pagination img {}
/*fenetre*/
.window_title{ font-size: 25px; color: white; text-shadow: 2px 1px 0px #5892b8;
font-family: bebas_neue;
letter-spacing: 1.3pt;
line-height: 120%;}
.window_handle_content {background: #95c6e6 ;text-align:center;}
.window_handle_left{ background: #95c6e6 ;border-radius: 3px 0 0 0;}
.window_handle_right{ background: #95c6e6 ;border-radius: 0 3px 0 0;}
.window_content_wrapper1{ background: #95c6e6;}
.window_content_wrapper2{ background: #95c6e6;}
.window_bottom_wrapper1{ background: #95c6e6; border-radius: 0 0 3px 3px}
.window_bottom_wrapper2{ background: #95c6e6 ;border-radius: 0 0 3px 3px}
.window_bottom{ background: #95c6e6;}
.window_tabs span.window_tab_active {background-color: COLOR;}
.window_tabs span {background-color: color;}
.window {box-shadow: 0px 0px 5px black;
border-radius: 3px;}Pour installer le thème
1. Mettre à zéro toutes les valeurs de votre blog et décocher tout ce que vous pouvez.
2. Choisir un seul menu à gauche.
3. Vous ne devez garder qu'un seul module simple (pas de derniers visiteurs ou de shoutbox..etc).
4. Ne pas mettre plus de 7 liens dans le menu du header.
5. Copier, coller et appliquer les codes CSS du thème proposé.
Ce que vous devez faire et savoir en plus de copier le code
1. Considérez que ce thème n'a pas de menu !
2. Au risque de me répéter : ce thème ne doit comporter qu'un seul module SIMPLE dans le menu de gauche, et il ne doit PAS y avoir de derniers visiteurs, de module de recherche et autre. Le module simple existant sert uniquement à ceux voulant faire une description de leur blog.
3. L'apparence des commentaires et des messages du forum a été codée.
4. Ce thème devrait avoir un bon rendu sur les écrans petits comme grand.
5. Ce thème a un meilleur rendu sur ordinateur !
En cas de bug dans l'affichage du thème, vérifiez que toutes les valeurs du thème sont à zéro. Si le problème ne vient pas de là, n'hésitez pas à me prévenir et j'essaierai de voir où ça coince.
21 avril 2015. Le thème est aussi adapté aux petits écrans (moins de 1100px de large)
-
Commentaires
Non je l'ai pas fini, j'ai pas pu modifier ce que je voulais... vu que j'ai pas d'ordinateur (pas d'ordinateur à moi en tout cas, donc je peux rien télécharger..etc donc pas faire de test ou autre), donc je l'ai publié comme ça x)
Mais merci =)
Par contre pour l'autre thème que je t'avais montré (100% codage, en orange et j'arrivais pas à centré le menu x) ) j'ai toujours pas réglé mon soucis >_<
C'était un pattern que j'ai trouvé sur deviantart et que j'ai ensuite modifié (je te l'aurai bien passé mais... mon ordi est tombé en panne donc je peux pas faire plus x))
Hahaha oui je sais, merci, mais ça aura été bien si tu pouvais l'avoir, la version original avait la classe (le fond était sombre et les motifs d'une couleur un peu flash mais pas trop et ça rendait bien x))
Quand y'a du flash j'suis la *^* , bah si tu l'as toujours , tu me montrera quand tu auras un ordi x)
Alooors ! Comment ça va ? *commence a flooder*
Non je ne l'ai plus justement x) mais tu peux retrouver ça peut être sur deviantart o/
Ca va et toi ?
Je suis malade au début des vacances
Je prend des médocs, vais chez le kiné, fait une prise de sang pendant les vacances
Je suis malade a la fin des vacances
C'est pas beau ça :D ?
Waah, il me plaît celui-là! J'aime beaucoup les polices différentes et le "titre du blog" est superbe! L'image, les couleurs... J'aime beaucoup~
Je suis pas du genre à prendre des thèmes en libre service normalement, mais cette fois je te pique ce thème. Merci miss. (:Hanae : Merci =)
Gahata Mage : D'accord x) tant mieux si il te plait à ce point et de rien ^^
Tant que tu précises que le thème d'origine est de moi et que les codes aussi mais sinon oui tu peux^^D'accord ;) Comme je n'ai pas de footer, je préciserai ça dans une page crédits. Merci encore !
D'accord ^^ et de rien
Préviens moi quand tu auras fini et que le blog sera en ligne, je m'intéresse toujours aux rendus des thèmes que j'ai fait, surtout quand ils ont été modifié ^^
J'aimerais bien le prendre pour mon blog... est ce que c'est possible de mettre le titre je sais pas où?
Bah en fait sur le coté y'a marqué "Titre du blog test" et je voulais savoir comment on faisait pour changer
Bah ça c'est le titre de ton blog, donc dans "configuration > configuration général > titre du blog"
Non si ça avait été une image je l'aurai précisé dans l'article et j'aurai dis aux gens de me dire le titre de leur blog pour que je leur fasse leur titre (comme pour le thème Saber et Just snap out of it) mais là c'est pas le cas x)
Haha c'est peut être pour bientôt, j'en ai fait un vendredi 100% css (donc sans image) mais je l'aime bien et je le mettrai peut être en ls x)
Ils sont dans l'image donc ça les enlèvera u_u' ...
Juste marque quelque part que le thème est de moi
Oh mince Elinae, je viens de relire les règles (désolée pour le double post) et je viens de me rendre compte qu'il ne fallait pas modifier tes créations en libre service. >< (put*in quelle cruche)
J'adore ce thème et pour cela je vais te demander si je pouvais prendre ce thème pour mon blog...
En fait c'est bon XD j'étais aller dans le menu de l'en tête.. Mais j''ai toujours un problème, les menus sont en dessous les uns les autres..
Apparence > modifier le thème > en-tête (header) > menu > disposition des éléments du menu > en ligne
Bonjour/ Bonsoir ( Non, ce n'est pas un message confidentiel xD)
C'était pour te dire que je t'ai pris quelques codes de ce thème, et d'un ou deux autres; je crois. M'enfin, je t'ai mis dans les Crédits avec un lien. ;)
Bonne journeyyy ! :3
Agnéé je suis dans la création de mon nouveau blog *^* ! Je vais te prendre ce magnifique thème *o* !Salut! je te pique ton thème qui est magnifique est très bien rangé °^°
Petite question: j'ai modifié l'image New York à gauche et je voulais savoir si ça comptais comme si j'avais modifié ta création.... SI c'est le cas désolée dis moi et j'enlève ^^
Bonnes continuations!
-
Dimanche 11 Octobre 2015 à 02:31
Ok ok ^^
Alors cette question montre que tu as lu le règlement, mais peut être trop vite... Car je dis aux gens qu'ils peuvent utiliser mes thèmes que pour se servir des codes, et que dans ce cas ils doivent dire que les codes sont de moi..
Par contre, quand je parle de "NE PAS modifier une de MES créations" je parle évidemment des gens qui auraient l'idée stupide de prendre un de mes wallpapers ou header en libre service, et qui s'amuseraient à le modifier "oh non, j'aime pas le rose, ça va devenir bleu!" et après ça donne des créations à gerber, sauf que dessus, y'a toujours mon copyright, donc hors de question qu'on puisse croire que je pond des horreur pareilles. C'est pour ça que je ne veux pas qu'on modifie une de mes créations
Mais dans ton cas, tu as juste enlevé une image pour la remplacer carrément : et sans oublié que si tu avais lu en bas, tu aurais vu que je ne l'ai pas prise x) (j'ai mis le nom du photographe dessus en principe) : donc évidemment que ça ne compte pas comme modifier ma création..
Faut bien comprendre qu'une création, c'est une création, donc une image, et qu'un thème, c'est un thème et qu'on peut modifier les thèmes, tant qu'on touche pas aux créations qui sont dedans (dans le sens, tant qu'on ne s'amuse pas à faire joujou avec sur son logiciel pour sortir un truc immonde)
-
Dimanche 11 Octobre 2015 à 10:26
-
Dimanche 11 Octobre 2015 à 13:05
Enfin voilà, la confusion était possible, mais on peut modifier un thème comme on veut x) ils sont en libre service, donc j'assume pleinement cette décision et ce que ça implique : ça implique forcément que des gens vont juste récupérer certains codes ou alors vouloir modifier le thème pour que ça leur corresponde plus : et c'est tout à fait normal ^^
Bonne journée
-
Je vais te le prendre si tu veux bien. Mais il me servira pour un blog qui ne sera pas encore en ligne et qu'il ne le sera pas pendant je ne sais pas combien de temps. Alors si tu ne veux pas je comprends.
-
Dimanche 18 Octobre 2015 à 18:09
-
*la meuf qui se balade n'importe ou*
Je suis a court d'inspiration ;-; Je peux m'inspirer de ce thème ? D:
-
Jeudi 5 Novembre 2015 à 19:16
-
Jeudi 5 Novembre 2015 à 21:50
-
Jeudi 5 Novembre 2015 à 21:50
-
Salut!
J'aimerai prendre ce thème mais en changeant les couleurs, le fond et l'image, comment je peux faire?
-
Lundi 28 Décembre 2015 à 15:23
-
Lundi 28 Décembre 2015 à 15:42
-
Lundi 28 Décembre 2015 à 19:08
-
Lundi 28 Décembre 2015 à 19:34
-
Superbe thème! Les couleurs sont chouettement bien choisies, ça fait doux, agréable et peu surchargé. Je me permets de l'utiliser pour mon blog ;')
Ouai ça y est j'ai chialé ma grand mère, tu m'passes un mouchoir pour que je nettoie mon nez stp ? Ptdr
Fais le en mode morveux et essuies toi le nez avec tes manches o: ! /PAN/
*te donne un mouchoir*
J'espère recommencer à faire des thèmes sexy bientôt haha ! Pour te faire pleurer un peu plus à chaque fois !
Ouai nan mais même si c'est sexy et tout, j'ai choisi un autre thème. Tu vas me dire "Mé pk ?" Bah parce que je suis un gros FDP qui aime mettre de la joie plus de trente secondes dans la vie des gens pour ensuite leur dire " NN MAIS EN FAIT C NUL CE QUE TA FAI". Jsuis désolé, je t'aurai aimé .
Lel, je savais que tu l'avais pas utilisé x) ! Mais tu peux le trouver sexy sans vouloir le prendre. Y'en a plein qui me font ça. Soit parce qu'ils trouvent un autre thème qu'ils préfèrent, soit parce qu'ils ont envie de faire leur thème tout seul comme des grands.
Et je suis aussi allée voir ton blog du coup x) (j'ai que ça à foutre dans ma vie)
Avoue mon blog il est plus sexy que le tient du coup hein ? Plus pro, plus beau...Wesh le tient il pue, le miens il a le swag tu vois. Toi pas avoir swag. Moi avoir swag .
Je te le reprends... Je suis amoureuse de ce thème ! Je changerai juste l'image, les couleurs et d'autres petits trucs, en précisant toujours que c'est toi qui l'a fait. Merci !
Hé !! la fille avec l'avatars de Yamcha qui a comprit ce que voulais dire Sangoku après qu'il ai discuté avec Trunks du Futur: Tu te fais pas un Blog Dragonball Z ou Super ?
Vous devez être connecté pour commenter
Il est sublime *-*
Je peux te le prendre pour Wasabee?