| ombrelame Profil : New Penguin | Bonjour,
Je me lance dans la création d'un site personnel ayant pour thème les différent jeux de rôle que nous pratiquons entre amis (Torg et Tanor - notre jeux de rôle amateur-, la légende des cinq anneaux, anima, cthulu, etc...).
http://Ombrelame.fr
Ayant quelques récalcitrant dans le groupe qui acceptent difficilement de mettre nos idées sur internet, je me suis décidé à prendre les choses en mains de manière assez sérieuse pour tenter de les faire changer d'avis. Le problème qui se pose à moi et que j'ai quelques notions de création de sites mais absolument aucunes dans le domaine graphique C'est donc par hasard que je suis tombé sur ce site (google est mon ami) et que l'immense base de données des tutoriels m'a fait voir que tout seul je ne parviendrai pas à m'en sortir dans les délais que je me suis fixés.
Après tout ce blabla, pour les quelques uns qui n'ont pas décroché voici ce que j'aimerai avoir si cela est réalisable et que cela motive des gens de m'aider :
je souhaiterai remplacer cette image: http://ombrelame.fr/templates/auro [...] e/logo.png
Si je ne me trompe pas, ses dimensions sont 351px × 77px. J'ai essayé de remplacer par du texte mais les couleurs n'étaient pas en accord avec l'image juste derrière (il y a un léger dégradé que je n'avais pas vu).
- j'aimerai l'inscription "OmbreLame" sur cette image avec la police d'écriture suivante : http://www.dafont.com/fr/font.php? [...] asst=alpha avec le style du haut SHANLNC_.TTF
- si possible l'ajout d'une lame dans le style de cette image http://www.gypsyderose.com/Kit%20R [...] 70197A.jpg Elle peut être placée en dessous de l'écriture (un peu comme si "ombrelame" reposait sur la lame)
- et le must du must serai d'avoir un effet d'aura malsaine sur la lame par exemple une aura noir avec quelques lueurs bleu glace dans les tons du skin du site
J'espère que la demande liée à mon projet en intéressera certains, en tout cas je remercie d'avance toute personne susceptible de m'aider. Si je n'ai pas été clair sur certains points (je me rends compte que j'ai fait un bon pavé mais sait on jamais) c'est avec plaisir que j'ajouterai des précisions
EDIT: pour la dague, il peut aussi y avoir moyen de remplacer le "L" de ombrelame avec, si certains se sentent plus inspirés comme cela...  Message édité par ombrelame le 17-08-2009 à 18:40:08
| |
ShouG http://www.shoug.free.fr Profil : Big Penguin | | |
ombrelame Profil : New Penguin |
Waouh, c'est très sympa à toi, je pensai pas avoir une réponse si vite.
Le rendu est très sympa
un grand MERCI Le seul "truc" qui me chiffone (oui je suis chi***) c'est que le dégradé est pas pris en compte sur ton joli logo. Si c'est facile pour toi de le corriger je suis preneur, sinon ca te prends pas la tête c'est déjà très joli comme ça.
En tout cas tout ceci m'a fait découvrir un site sympa, je pense que je vais commencer à me pencher un peu sur les tutos
| |
ShouG http://www.shoug.free.fr Profil : Big Penguin | | |
ombrelame Profil : New Penguin |
Waouh, super beau !
pour les jeux auquels nous jouons:
* Torg / Tanor: un jeu Multivers de notre conception (tu peux jouer de vraiment tout ca va du démon au xmen en passant par les chevaliers du zodiaques et hokuto no ken)
* la légende des cinq anneau: med fan japonais, surtout un jdr d'ambiance.
* Anima: JDR épique dans l'esprit final fantasy et manga. Très axé sur le combat
* Chtulu: basé sur les romans H.P. Lovecraft jdr d'ambiance
* Vampire: jeu ambiance / baston. Très sombre et avec des intrigues très chiadées
Voilà les principaux... On en fait quelques autres mais de manières plus sporadiques (dungeon & dragons, Leak, Qin...)
Je cherche des images et te mets ca dès que je peux  Message édité par ombrelame le 18-08-2009 à 11:44:04
| |
ShouG http://www.shoug.free.fr Profil : Big Penguin | | |
ombrelame Profil : New Penguin |
Oui c'est de ca que je parlai lors de ton premier post... Mais je me suis mal exprimé
Je te remercie, le rendu est beaucoup mieux
| |
ShouG http://www.shoug.free.fr Profil : Big Penguin | | |
ombrelame Profil : New Penguin | | |
ShouG http://www.shoug.free.fr Profil : Big Penguin | | |
ombrelame Profil : New Penguin |
Waouh, magnifique *_*
Oo c'est encore mieux que ce que je pensai !!!
Je vais chercher des images qui serai sympa à mettre de chaque côté 
Celles que t'a choisis iront en fait très bien
Et je vais bidouiller pour trouver où mettre l'image... Merci beaucoup
EDIT: c'est possible de remettre le petit effet bleuté autour des personnages ? Message édité par ombrelame le 20-08-2009 à 08:09:51
| |
ShouG http://www.shoug.free.fr Profil : Big Penguin | déja elle se mettra a la place de cette image :
lien : http://ombrelame.fr/templates/auro [...] ground.png
( je te conseil de renomé l'image en background_.png pour pouvoir t en reservir par la suite )
mais faudra aussi modifier le style.css
Pour changer la couleur de fond et et figer l'images pour qu'elle soit statique .
EDIT: dans ton "template/css/template.css"
tu as ceci:
Citation :
html, body, form, fieldset, div, span, table, tr, td, h1, h2, h3, h4, h5, h6, p, ul, ol, li {
margin: 0;
padding: 0;
}
p {
padding-bottom: 10px;
}
body.mainbody {
background: #20425E url(../../images/blue/background.png) repeat-x;
|
bin tu as juste a modifier cette ligne là
Citation :
background: #20425E url(../../images/blue/background.png) repeat-x;
|
et mette ça
Citation :
background: #20425E url(../../images/blue/background.png) repeat-x;*/
background: #111111 url(../../images/blue/background.png) no-repeat; background-attachment:fixed;
|
recopie c'est deux ligne et place les de cette facon
Citation :
html, body, form, fieldset, div, span, table, tr, td, h1, h2, h3, h4, h5, h6, p, ul, ol, li {
margin: 0;
padding: 0;
}
p {
padding-bottom: 10px;
}
body.mainbody {
/*background: #20425E url(../../images/blue/background.png) repeat-x;*/ /* Ancienne ligne de Background au cas ou elle te serve un jour */
background: #111111 url(../../images/blue/background.png) no-repeat; background-attachment:fixed;
|
#20425= etant ton bleu
#111111= couleur du font de tes articles , qui, je trouve ira mieux en background.et voici l'image du background.
Dit moi quand tu aura fait les manip que j'aille voir sitout est bien en plance ( le BG est grand pour que les grande résolution puissent le voir aussi, seul les petites résolution seront pénalisées
EDIT voila avec des reflet:
 Message édité par ShouG le 20-08-2009 à 09:17:19 ---------------
Dieu voulait créer l'univers en 10 jours. Chuck Norris lui en a donné 6.
Si Chuck Norris dort avec une lampe allumée, ce n'est pas parce qu'il a peur du noir mais parce que le noir a peur de lui.
| |
toogy http://toogy.fr Profil : Penguin Pro | Félicitations ShouG t'as fait un travail bien poussé et donc complet. ---------------
Hier est l'histoire, demain est un mystère mais aujourd'hui est un cadeau. C'est pourquoi ça s'appelle le présent.
| |
ShouG http://www.shoug.free.fr Profil : Big Penguin | | |
ombrelame Profil : New Penguin | Merci beaucoup ShouG, le rendu est super beau Là je suis au taff, donc je peux pas encore tester. Mais dès que je rentre je mets ça en ligne
Merci aussi pour les conseils pour l'incorporer, car après m'être penché sur la question j'ai vu que c'était pas gagné pour moi, simple néophyte de l'internet ^^;
| |
ombrelame Profil : New Penguin | Ça y est j'ai testé !!
L'image est superbe sur le site... Par contre j'ai des soucis de positionnement et l'image se répète.
Ça donne ça en gros :
Je crois que cela n'est pas possible d'ajuster une image suivant la résolution employée ? | |
ShouG http://www.shoug.free.fr Profil : Big Penguin | | |
ShouG http://www.shoug.free.fr Profil : Big Penguin |
Bon maintenant sa marche ALORS RECTIFICATION
Citation :
Template css: remet code d'origine copie/colle c'est quelques lignes.
html, body, form, fieldset, div, span, table, tr, td, h1, h2, h3, h4, h5, h6, p, ul, ol, li {
margin: 0;
padding: 0;
}
p {
padding-bottom: 10px;
}
body.mainbody {
background: #20425E url(../../images/blue/background.png) repeat-x;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:80%;
color:#BBB;
text-align:center;
}
|
Ensuite ouvre le Blue.css << le Css du template Blue ( tout simplement lol)
Citation :
Blue.css et remplasse c'est quelques lignes :
body.mainbody {
background: #111111 url(../images/blue/background.png) no-repeat; background-attachment:fixed; background-position:top center;
}
|
Et ensuite enregistre cette nouvelle images dans ton dossiere aurora/images/blue/ en background.png
Et normalement cela devrai fonctionné
Vu sur mon site : Aperçu ---------------
Dieu voulait créer l'univers en 10 jours. Chuck Norris lui en a donné 6.
Si Chuck Norris dort avec une lampe allumée, ce n'est pas parce qu'il a peur du noir mais parce que le noir a peur de lui.
| |
ombrelame Profil : New Penguin | | |
ShouG http://www.shoug.free.fr Profil : Big Penguin | | |
ombrelame Profil : New Penguin | lol Oo c'est quoi qui te plait pas ?
Moi j'aime bcp ce que tu as fait
| |
ShouG http://www.shoug.free.fr Profil : Big Penguin | | |
ShouG http://www.shoug.free.fr Profil : Big Penguin | | |
toogy http://toogy.fr Profil : Penguin Pro |
Puisque tu me poses la question, j'aime bien ! ---------------
Hier est l'histoire, demain est un mystère mais aujourd'hui est un cadeau. C'est pourquoi ça s'appelle le présent.
| |
ombrelame Profil : New Penguin |
Comme d'hab c'est super beau !! L'aura rouge ca romp un peu la monotonie des couleurs *_*
Je verrai bien un ptit truc en plus, tu va me dire si c'est faisable:
- Remettre la petite dague à la place du L de ombrelame
- Mettre une aura autour de la lame, avec une aura noire si ca rend pas trop moche (vu que y'a du bleu et du rouge ca devrait être visible je pense ^^)
Mais bon c'est vraiment le "plus perigkioni" car c'est déjà super.
Par contre t'a fait comment pour étendre l'image sur l'ensemble de la hauteur ? Moi j'avais une barre qui restai visible quand j'ai essayé...
PS: j'aurai peut être pas le temps de tester avnt quelques jours, retour à Bordeaux pour une semaine de vacances oblige... J'essayerai de me débrouiller pour tester depuis là bas mais c'est pas gagner vu outillages d'ancêtres qu'ont mes parents xD
| |
| |