Design pour site d'un Rappeur thème crânes têtes de mort

Design pour site d'un Rappeur thème crânes têtes de mort - Web design - Graphisme

Marsh Posté le 04-12-2013 à 16:52:08    

Bonjour, j'ai fait un webdesign pour un site d'un Rappeur sur le thème crânes têtes de mort:
 
http://www.lunnatick.fr/pages/artistes/Zethy/index.php
 
Qu'en pensez vous ?


Message édité par lunnatick le 04-12-2013 à 16:53:55

---------------
http://www.lunnatick.fr/
Reply

Marsh Posté le 04-12-2013 à 16:52:08   

Reply

Marsh Posté le 04-12-2013 à 17:17:17    

Graphiquement parlant, c'est vieux, ça fait très fin 90/début 2000.
Techniquement parlant (code) même chose : on n'utilise plus les tableaux pour la mise en page depuis 8-9 ans, ça se fait en CSS, tout ça.


---------------
Besoin de graphisme de qualité à prix raisonnable ? --> http://www.grafimages.com - Le site de mon groupe : https://closedown.fr - Mes tutoriaux Cubase : https://www.youtube.com/playlist?li [...] L6o4xYawhc
Reply

Marsh Posté le 04-12-2013 à 17:21:13    

Pourrais tu poser deux ou trois exemple de ce que tu trouve plus moderne ?  
 
Merci de ton avis ;)


---------------
http://www.lunnatick.fr/
Reply

Marsh Posté le 04-12-2013 à 18:43:33    

même avis que Grafimages.
 
Voici un site où je m'inspire pour faire des design généralement.  
http://www.templatemonster.com/cat [...] templates/ : ils sont déjà triés sur le thème de la musique :)

Reply

Marsh Posté le 04-12-2013 à 18:45:03    

Merci pour le lien


---------------
http://www.lunnatick.fr/
Reply

Marsh Posté le 04-12-2013 à 19:03:57    

Bon ben je suis entrain de m'essayer a un design plus simple et plus moderne:
 
http://www.lunnatick.fr/pages/stop_tabac/index.php
 
Mais j'ai un souci, j'ai passer les fond couleur des cellule en basse opacité ais je n'arrive pas a mettre opacioté a fond pour le texte, sauriez vous ce que je peut faire ?


---------------
http://www.lunnatick.fr/
Reply

Marsh Posté le 04-12-2013 à 19:10:18    

c'est normal tu as baissé l'opacité de tout ton TD, donc ca implique le texte.
 
Soit tu utilises la propriété CSS RGBA mais elle n'est pas très cross-browser :
 
http://stackoverflow.com/questions [...] t-the-text
 
 
Soit tu mets une image png avec une faible opacité en background (un riquiqui image qui se répète pas un gros bloc hein  :o )

Reply

Marsh Posté le 04-12-2013 à 19:17:47    

Merci à toi ;)
 
Je comprend pas tout du lien que tu m'a donner, pourrais tu me donner un exemple ?


---------------
http://www.lunnatick.fr/
Reply

Marsh Posté le 04-12-2013 à 19:22:25    

la ou tu as mis ton truc d'opacité, tu mets :
 
.semi-transparent  {
    background-color: rgb(250, 250, 250);
    background-color: rgba(250, 250, 250, 0.3);
}
 

Reply

Marsh Posté le 04-12-2013 à 19:33:34    

je viens de voir que tu as mis une image blanche en fond... soit tu la mets en png avec une opacité de 30% (sans le code ci dessus).
soit tu mets pas d'image du tout et tu mets le code :)

Reply

Marsh Posté le 04-12-2013 à 19:33:34   

Reply

Marsh Posté le 04-12-2013 à 19:43:41    

lunnatick a écrit :

Pourrais tu poser deux ou trois exemple de ce que tu trouve plus moderne ?  
 
Merci de ton avis ;)


 
En complément de l'exemple d'Athenaa :
http://www.webdesign-inspiration.com/
http://www.cssmozaic.com/
http://mashable.com/2013/10/09/web [...] iration-2/


---------------
Besoin de graphisme de qualité à prix raisonnable ? --> http://www.grafimages.com - Le site de mon groupe : https://closedown.fr - Mes tutoriaux Cubase : https://www.youtube.com/playlist?li [...] L6o4xYawhc
Reply

Marsh Posté le 04-12-2013 à 19:59:04    

athenaa a écrit :

la ou tu as mis ton truc d'opacité, tu mets :
 
.semi-transparent  {
    background-color: rgb(250, 250, 250);
    background-color: rgba(250, 250, 250, 0.3);
}
 


 
 
Merci j'ai opter pour cette solution c'est nickel ;)


---------------
http://www.lunnatick.fr/
Reply

Marsh Posté le 04-12-2013 à 19:59:20    

Reply

Marsh Posté le 04-12-2013 à 20:00:56    

athenaa a écrit :

la ou tu as mis ton truc d'opacité, tu mets :
 
.semi-transparent  {
    background-color: rgb(250, 250, 250);
    background-color: rgba(250, 250, 250, 0.3);
}
 


 
Ah ca marche sous forefox mais pas sous IE


---------------
http://www.lunnatick.fr/
Reply

Marsh Posté le 04-12-2013 à 20:18:53    

J'ai remis "    filter:alpha(opacity=70);" et ca fonctione aussi sous ie


---------------
http://www.lunnatick.fr/
Reply

Marsh Posté le 05-12-2013 à 16:52:05    

lunnatick a écrit :


 
Ah ca marche sous forefox mais pas sous IE


 
 
je t'ai dit que c'était pas cross-browser. IE c'est tellement pourri.
Opte pour la méthode de l'image en transparent

Reply

Marsh Posté le 05-12-2013 à 16:55:28    

athenaa a écrit :

Opte pour la méthode de l'image en transparent

 

C'est ce que je viens de faire pour mon site justement:  http://www.lunnatick.fr/


Message édité par lunnatick le 05-12-2013 à 16:55:45

---------------
http://www.lunnatick.fr/
Reply

Marsh Posté le 05-12-2013 à 17:04:11    

Salut
 
Ca fait deux fois que je vois un de tes sites, mais il n'y a jamais contenu, un titre, un texte et une vidéo, ça fait pas un site.
 
Il faut vraiment bosser sur une architecture, une bio, une discographie, on pourrait cliquer, voyager, aller de lien en lien... faire un site en fait.  
 
Ne te lance pas sur un design, tant que tu n'as pas un minimum de contenu à exploiter !
 
Bon courage,
PB
 
PB

Reply

Marsh Posté le 05-12-2013 à 17:49:32    

Ben je m'entraine surtout au designe pour ces page, la ma page hip hop c'est juste pour mettre les liens des site de hip hop que j'aime bien à eu fur et a mesure


---------------
http://www.lunnatick.fr/
Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed