Création d'une simple page web avec icone cliquable

Image Tout ce qui est en rapport avec l'hébergement , codes , sites , blogs etc ...
Répondre
     

Auteur du sujet
nexosenz
Messages : 657
Enregistré le : septembre 2011
Contact :

Création d'une simple page web avec icone cliquable

Message par nexosenz » lun. 21 janv. 2019 17:32

Bonjour à tous

J'aurais besoin des compétences de l'un d'entre vous, afin de me créer une page web a priori toute simple dans sa conception.

Je souhaiterai cependant que son contenu s'adapte a la taille de l'ecran. Cette page est amené a etre affiché sur des pc avec des ecrans de taille différentes, et également sur IPAD.

Ce dont j'ai besoin est simple. Une page, un gros titre centré, et 5 (pour le moment) gros icone cliquable qui redirige vers une adresse web

un truc qui ressemble a ca :

Image

Chaque icone est créé :

Image Image Image Image
Image

Il faudrait peu etre "embellir" le titre avec un cadre ou un fond, mais avec cette police simple (arial gras), et ajouter une couleur de fond

faudrait que ca fasse "pro", sobre, classe.

des petit detail comme le bouton qui s'enfonce quand on clic dessus ou ce genre de detail serait un plus mais pas forcement obligatoire si trop complexe

Quelqu'un serait il en mesure de me faire cela ?

merci de votre aide a tous
Forum 300C ---> L'univers de la 300C en quelques clics ...

Forum Dodge ---> Le Forum Dodge

CHRYSLER PASSION CLUB


Steph
Administrateur phpBB Assistance
Administrateur phpBB Assistance
Messages : 11334
Enregistré le : avril 2010
Hébergeur(s) : monarobase
Localisation : Alsace (67)
Contact :

Création d'une simple page web avec icone cliquable

Message par Steph » lun. 21 janv. 2019 19:41

Salut,

En principe nous n’effectuons pas de chose de ce type à la demande, mais exceptionnellement je vais m’y pencher, car cela me parait simple dans l’ensemble.

Je reviens vers ce sujet dès que j’ai pu bosser dessus.


Auteur du sujet
nexosenz
Messages : 657
Enregistré le : septembre 2011
Contact :

Création d'une simple page web avec icone cliquable

Message par nexosenz » lun. 21 janv. 2019 21:40

:flower:
Forum 300C ---> L'univers de la 300C en quelques clics ...

Forum Dodge ---> Le Forum Dodge

CHRYSLER PASSION CLUB


Steph
Administrateur phpBB Assistance
Administrateur phpBB Assistance
Messages : 11334
Enregistré le : avril 2010
Hébergeur(s) : monarobase
Localisation : Alsace (67)
Contact :

Création d'une simple page web avec icone cliquable

Message par Steph » jeu. 24 janv. 2019 22:40

Hello,

Voilà un essai assez simpliste.
portail_ADC.zip
(298.04 Kio) Téléchargé 27 fois
portail_ADC.zip
(298.04 Kio) Téléchargé 27 fois


Auteur du sujet
nexosenz
Messages : 657
Enregistré le : septembre 2011
Contact :

Création d'une simple page web avec icone cliquable

Message par nexosenz » jeu. 24 janv. 2019 23:30

salut steph

franchement c'est génial. Le coup de la transparence avec la souris c'est parfait
j'ai étudié les fichiers et le pense les comprendre donc je suis capable d'ajouter d'autres icones.

2 petites questions malgré tout :

quel est la valeur a changer dans le css pour modifier l’écart horizontale entre 2 icônes ?
j'ai ajouté les url, j'aurais voulu que le site sur lequel on clique s'ouvre dans un nouvelle fenêtre, que dois je modifier ?

EDIT : une troisième ^^

Je vient d'ajouter 3 icones supplémentaires, et du coup ils vont en dessous (3 icones max par lignes sur le pc, et 2 max par ligne sur ipad retina)
j'aurais préféré 4 icônes par ligne dans les 2 cas.
sur quelles valeurs dois je jouer pour modifier pour cela ?

Image
Forum 300C ---> L'univers de la 300C en quelques clics ...

Forum Dodge ---> Le Forum Dodge

CHRYSLER PASSION CLUB


Steph
Administrateur phpBB Assistance
Administrateur phpBB Assistance
Messages : 11334
Enregistré le : avril 2010
Hébergeur(s) : monarobase
Localisation : Alsace (67)
Contact :

Création d'une simple page web avec icone cliquable

Message par Steph » ven. 25 janv. 2019 00:39

1. Il faut ajouter un par exemple un margin-right: 15px a la classe icône.
2. Ajoute targette="_blank" au code de l'URL
3. Jour sur le width de la classe "bloc_liens", pour 4 icônes tu multiplie 200 par le nombre d'icônes et tu rajoutes 50 px ou un peu plus.

Pour voir le résultat CTRL+F5


Auteur du sujet
nexosenz
Messages : 657
Enregistré le : septembre 2011
Contact :

Création d'une simple page web avec icone cliquable

Message par nexosenz » ven. 25 janv. 2019 17:29

Salut steph

merci beaucoup j'ai réussi a avoir et faire a peu prêt ce que je veut. c'est nickel

merci encore
Forum 300C ---> L'univers de la 300C en quelques clics ...

Forum Dodge ---> Le Forum Dodge

CHRYSLER PASSION CLUB


Steph
Administrateur phpBB Assistance
Administrateur phpBB Assistance
Messages : 11334
Enregistré le : avril 2010
Hébergeur(s) : monarobase
Localisation : Alsace (67)
Contact :

Création d'une simple page web avec icone cliquable

Message par Steph » ven. 25 janv. 2019 17:46

Hello,

N'hésite pas en cas de besoin :clin:

Et merci à toi pour ton geste appréciable :bravo: :n°1:

Répondre

Retourner vers « Support Webmastering »