Création @web


Poster un nouveau sujet   Répondre au sujet    Forum pour jeunes -> Informatique et Technologies

gokun_33
Super actif
Super actif


Sexe: Sexe:Masculin

Inscrit le: 22 Juin 2008
Messages: 2202
Localisation: Devant la porte de l'âme alchimique
Message Posté le: Sam Déc 25, 2010 10:54 am    Sujet du message: Création @web
Cette fois j'ai remis à jour mon site @Web pour le début de l'année prochaine.

Mais j'ai toujours ce soucis pour fixer les images de fond, car ce n'est par réellement le CSS en cause, car sous joomla par exemple pour mettre en fond une image il faut faire cela :

Citation:
<div style="background-image: url('images/fond2.jpg')" width="100%" height="100%">


Mais impossible de trouver un code pour fixer le background.

Il faut savoir que c'est utiliser pour mettre une image de fond sur un article, donc en principe qu'on touche ou non aux feuille CSS ou au HTML de la page, sa ne change rien.

Je suis sur ce problème depuis 4 mois.

Pour visualisé le site avec les modif que j'ai effectué il faut l'ouvrir sous IE, pour la bonne raisons que j'ai adapter un contenue qui et différent que sous firefox et google chrome.

En cliquant sur mon profil juste ci-dessous vous aurez l'adresse du site internet.
http://www.genaisse.com/forums/profile-24324.html

Si vous avez des idées pour résoudre cela sa me serrais très utile pour avancer sur la continuité du site.
louiserie
Suprème actif
Suprème actif


Sexe: Sexe:Masculin

Inscrit le: 14 Oct 2010
Messages: 5150
Message Posté le: Sam Déc 25, 2010 11:26 am    Sujet du message: Re: Création @web
Code:
<div style="background-image: url('images/fond2.jpg')"
width="100%" height="100%">


Si l'interpréteur du contenu de ton article est capable d'interpréter le html, il n'y aucun problème avec le code ci-dessus.

Et si tu colles le code ci-dessus au début de ton article, il faut aussi que tu n'oublies pas de fermer la balise div, en collant "</div>" tout en bas de ton article.

Mais je ne connais pas Joomla, donc je suis incapable de te dire si celui-ci interprète le html ou pas. Renseigne-toi et tiens-moi au courant.
gokun_33
Super actif
Super actif


Sexe: Sexe:Masculin

Inscrit le: 22 Juin 2008
Messages: 2202
Localisation: Devant la porte de l'âme alchimique
Message Posté le: Sam Déc 25, 2010 12:11 pm    Sujet du message:
En fait, Joomla était un exemple.

De plus le code et bon c'est le fait de rajouter un bout de code pour que mon image ne puisse pas bouger ou ce dédoubler en plusieurs autre image genre pour ceux qui on une résolutions bien plus performante.

Relis mon article tu comprendras que j'explique autre chose après peut être que je me suis mal exprimer.

Fixer une image ne veut pas dire ne pas pouvoir la mettre, mais l'empêcher de ce dédoubler si on augmente la résolution d'un ordinateur.

En CSS ce serait ce code la qu'il faudrait faire :

Citation:
body{
background-attachment:fixed;
}


Ou en CSS intégré:
<body style="background-attachment:fixed;">

Ou encore plus efficace :

* Élément de bloc sans padding */
div {
width: 100px;
background: red;
}
/* Élément en ligne sans padding */
span {
display: block;
width: 100px;
background: red;



Mais tu observe bien que ce n'est pas du tout le même, il n'est pas coder en DIV.

En HTML cela serait celui-ci :

Citation:
<html><head><title>background-color</title& gt;
<style type="text/css">
body { background-color:#E0E0E0; font-weight:bold; font-family:Arial; font-size:120%; }
.boiterose{ background-color:#FFDDDD; padding:6px; margin:0px; }
.rose { background-color:#FFDDDD; }
.boitejaune { background-color:#FFFF66; padding:6px; margin:0px; }
.jaune { background-color:#FFFF66; }
</style>
</head><body>

<h1>Arri&egrave;re-pens&eacute;es!</h1>
<p class="boiterose">Sur Internet il y a <span class="jaune">Sydney Bechet</span>.</p>
<p>Ce qui ne veut rien dire.</p>
<p class="boitejaune">Sur minitel r&egrave;gne la <span class="rose">bagatelle</span>.</p>

</body></html>


Le mien est celui la :

Citation:
<div style="background-image: url('images/fond2.jpg')" width="100%" height="100%">


Si tu observe les 3 codes il ne commence pas tous pareils.

De plus je suis asser frustré de ne pas arriver a trouver la solution car j'ai beau tester plein de chose il y a rien à faire, sur le html et CSS je me débrouille mais sur cette partie de code la qui et pour moi "après la création d'une feuille CSS et d'un script HTML", c'est dommage de bloquer sur un article, sa reste du code, mais pour les articles.

Fatalement la différence ce voit pour quelqu'un qui à un bon pc, il ouvre le site et hop l'image de fond ce dédouble, sa craint.

j'ai tester de rajouter ceci en CSS dans mon code DIV :

Citation:
body style="background-attachment:fixed;"


Une fois valider je retourne dessus il ma modifier mon code en ceci :

Citation:
body style="background-attachment: ="" fixed"100%"=""


Sachant bien que entre ( " ) et ( " ) il me demande une valeur.

J'ai rajouter la valeur 100%, enfin voila si quelqu'un sait quelque chose qu'il n'hésite pas.
louiserie
Suprème actif
Suprème actif


Sexe: Sexe:Masculin

Inscrit le: 14 Oct 2010
Messages: 5150
Message Posté le: Sam Déc 25, 2010 20:57 pm    Sujet du message:
Je n'ai pas compris ce que tu veux faire exactement.

Essaye avec les bouts de code html suivants, et tiens-moi au courant :

Code:
<div style="background-image:url('images/fond2.jpg'); background-repeat:no-repeat;">


Code:
<div style="background-image:url('images/fond2.jpg'); background-repeat:no-repeat; background-position:center;">


Code:
<div style="background-image:url('images/fond2.jpg'); background-repeat:no-repeat; background-position:center top;">
gokun_33
Super actif
Super actif


Sexe: Sexe:Masculin

Inscrit le: 22 Juin 2008
Messages: 2202
Localisation: Devant la porte de l'âme alchimique
Message Posté le: Mar Déc 28, 2010 18:21 pm    Sujet du message:
J'ai trouver la solution je suis très content.

Code:
<div class="floatbox" style="background: url('images/fond13.jpg') no-repeat fixed 50% 50% transparent">


En fait il fallait un DIV de Class et non de style.

J'ai trouver un moyen de jouer avec mes répertoir @Web donc je vais tester de crée une page avec le choix de 10 design en accueil et une fois la souris poser dessus sa zoom sur le thème avant de le sélectionner.

Je n'est encore jamais vue de site proposer un choix du design pour le moment, si quelqu'un en connait je serrais ravie de le voir.
louiserie
Suprème actif
Suprème actif


Sexe: Sexe:Masculin

Inscrit le: 14 Oct 2010
Messages: 5150
Message Posté le: Mar Déc 28, 2010 20:41 pm    Sujet du message:
Je ne comprends pas très bien. Mais, très bien si ton truc fonctionne. Bravo.
gokun_33
Super actif
Super actif


Sexe: Sexe:Masculin

Inscrit le: 22 Juin 2008
Messages: 2202
Localisation: Devant la porte de l'âme alchimique
Message Posté le: Mar Déc 28, 2010 20:51 pm    Sujet du message:
Quand tu rentre l'adresse du site, tu va ensuite dessus en première page il y auras un slide show pour sélectionner quel design l'utilisateur veut, mettre aussi un flyer en bannière ect..., sa feras guise de page d'accueil.

De plus ensuite l'utilisateur une fois trouver quel design il souhaite il na plus qu'a le cliquer sur l'image.
louiserie
Suprème actif
Suprème actif


Sexe: Sexe:Masculin

Inscrit le: 14 Oct 2010
Messages: 5150
Message Posté le: Mar Déc 28, 2010 20:57 pm    Sujet du message:
C'est assez ambitieux, tu dois bien t'y connaitre.
gokun_33
Super actif
Super actif


Sexe: Sexe:Masculin

Inscrit le: 22 Juin 2008
Messages: 2202
Localisation: Devant la porte de l'âme alchimique
Message Posté le: Mer Déc 29, 2010 16:37 pm    Sujet du message:
Bah je voudrais proposer quelque chose de nouveaux et innovent, comme la boite de nuit en question est une reprise il faut que tout soit du nouveaux.

Que l'oeil du client soit ravie.
Criterium
Suprème actif
Suprème actif



Age: 39
Inscrit le: 08 Sep 2008
Messages: 4223
Localisation: ailleurs
Message Posté le: Mer Déc 29, 2010 17:07 pm    Sujet du message:
Tu m'impressionnes.
Tu as appris tout seul?
Papillon
gokun_33
Super actif
Super actif


Sexe: Sexe:Masculin

Inscrit le: 22 Juin 2008
Messages: 2202
Localisation: Devant la porte de l'âme alchimique
Message Posté le: Mer Déc 29, 2010 17:21 pm    Sujet du message:
Oui sur le tas comme on dit.

J'ai terminer ma maquette qu'es-que vous en pensez ?

En cliquant sur mon profil juste ci-dessous vous aurez l'adresse du site internet.
http://www.genaisse.com/forums/profile-24324.html

Il faudra que je face pas mal de mise à jour avant que le site soit prêt, faut que je voit aussi qu'es-que je peut apporter à cette nouvelle page d'accueil.

Dernière édition par gokun_33 le Mar Jan 04, 2011 07:22 am; édité 1 fois
louiserie
Suprème actif
Suprème actif


Sexe: Sexe:Masculin

Inscrit le: 14 Oct 2010
Messages: 5150
Message Posté le: Mer Déc 29, 2010 20:11 pm    Sujet du message:
Je recette ton site. Il y a encore quelques bugs à corriger.
gokun_33
Super actif
Super actif


Sexe: Sexe:Masculin

Inscrit le: 22 Juin 2008
Messages: 2202
Localisation: Devant la porte de l'âme alchimique
Message Posté le: Jeu Déc 30, 2010 00:17 am    Sujet du message:
Il et encore en phase de modification, pour le moment les maquettes sont poser.

Pourrais-tu si tu as le temps noter les quelques bugs que je puisse voir ce qu'il en est ?
louiserie
Suprème actif
Suprème actif


Sexe: Sexe:Masculin

Inscrit le: 14 Oct 2010
Messages: 5150
Message Posté le: Jeu Déc 30, 2010 08:45 am    Sujet du message:
Pour l'instant je n'ai vu que des bugs d'affichage.
gokun_33
Super actif
Super actif


Sexe: Sexe:Masculin

Inscrit le: 22 Juin 2008
Messages: 2202
Localisation: Devant la porte de l'âme alchimique
Message Posté le: Dim Jan 02, 2011 11:52 am    Sujet du message:
gokun_33 a écrit:
Quand tu rentre l'adresse du site, tu va ensuite dessus en première page il y auras un slide show pour sélectionner quel design l'utilisateur veut, mettre aussi un flyer en bannière ect..., sa feras guise de page d'accueil.

De plus ensuite l'utilisateur une fois trouver quel design il souhaite il na plus qu'a le cliquer sur l'image.


Défis réussi !

Maintenant il faut que je terminer les 3 autres design.

J'ai pas mal de mise à jour à faire.
Si vous observez quelque beug pendant que je suis en phase de modification n'hésite pas c'est d'autant plus bénéfique.

Une fois ce site terminer, je commence le suivant que j'avais énoncer comme projet, si vous vous rappeliez bien, il consister à référencer la plupart des logiciel GNU / GPL, et en expliquer le pourquoi du comment avec des tuto et autre bonne chose.

Au plaisir de vous lire.

louiserie a écrit:
Pour l'instant je n'ai vu que des bugs d'affichage.


La plupart sont résolut car quand tu as du regarder j'étais focalisé sur ma maquette donc le reste je l'avait mis de coter pour la plupart.

Mais la mise à jour et fait.

Pour le moment je dispose que de 2 designs sur 5 , en bêta test bien sur.

Edit : Mise à jour terminer pour aujourd'hui le site est O.K vous pouvez le visitez.

Dernière édition par gokun_33 le Mar Jan 04, 2011 07:15 am; édité 1 fois
louiserie
Suprème actif
Suprème actif


Sexe: Sexe:Masculin

Inscrit le: 14 Oct 2010
Messages: 5150
Message Posté le: Lun Jan 03, 2011 23:08 pm    Sujet du message:
Il y a du mieux effectivement.

Mais je trouve tes players deezer un peu envahissant.
gokun_33
Super actif
Super actif


Sexe: Sexe:Masculin

Inscrit le: 22 Juin 2008
Messages: 2202
Localisation: Devant la porte de l'âme alchimique
Message Posté le: Mar Jan 04, 2011 07:07 am    Sujet du message:
J'ai modifier le contenue, plus de lancement automatique.
Un seul lecteur sur site.

Suppression de la liste des musiques.
Je peut réduire la taille d'affichage des albums.
3 design et un forum sur 5 de terminer.


Le pourquoi du comment !

* Utilisation en page d'accueil :

Pour que l'utilisateur par exemple va dans ces favoris ouvre le site et passe ensuite sur FB juste histoire de mettre de la musique rapidement.

* Crée une page d’accueil :

Je ne savais pas quoi mettre en page d'accueil et j'ai cogiter pendant un temps à quoi mettre, jusqu’à que je puisse me dire qu'un lecteur de musique pourrais être sympas, plutôt que des images que je peux très bien mettre dans un album photos idem pour les flyers.

* Simplicité d’utilisation :

J'ai chercher pendant très longtemps des scripts sur des musiques de fond ou tout autre chose, sachant bien que ces même script prennent beaucoup de temps à modifier, et pas mal de contrainte.

Ne trouvant pas ce que je chercher, comme je le souhaiter je me suis retourner chercher des sites avec des média Player exportable, avec un script déjà définit et un choix d'affichage ou non des jaquettes etc...

Et je suis tomber sur deezer qui ma réjouit car je n'est presque rien à faire, simplement aller sur leurs site changer un morceau de musique est le tour et jouer.

Il faut savoir que pour changer de musique il faut plusieurs critère qui sont les suivants.

1 - Uploader sa musique sur sont serveur.
2 - Changer le script avec le titre de la musique, indiquer l'emplacement serveur.

Plus de contrainte est bien moins jolie que ce que propose déjà des sites.

Dernière édition par gokun_33 le Mar Jan 04, 2011 08:06 am; édité 1 fois

Poster un nouveau sujet   Répondre au sujet    Forum pour jeunes -> Informatique et Technologies