Comment est-ce possible?

anakoby Messages postés 3 Date d'inscription   Statut Membre Dernière intervention   -  
113pictural Messages postés 483 Statut Membre -
Bonjour,

Je me demandais comment il était possible de faire ceci: http://bacolicio.us/http://www.google.ca

En bref, le site Bacolicio.us prend l'adresse qui est écrite après son nom de domaine, redirige vers celle-ci et ajoute une image positionnée en absolu.

À cet égard, est-ce cette soi-disante technique peut être réalisée à l'aide de simple PHP? Faudra-t-il modifier le .htaccess ou télécharger une quelconque plate-forme?

Tous tips, astuces et solutions sont les bienvenus.

Merci!

7 réponses

113pictural Messages postés 483 Statut Membre 53
 
Rien de très mystérieux en somme! Juste stupéfiant dans notre convenance dite culturelle ...

A lire le code .html et autres .css et .js (disponibles grâce au module complémentaire pour FireFox WebDeveloper), vous comprendrez que <div id="overlay"><img src="http://bacolicious.s3.amazonaws.com/bacon.png"></div> se superpose à une page d'accueil de Google telle que cette page de Google fait l'objet d'une subtilité d'utilisation.

Lisez bien l'adresse concernée, et vous comprendrez tout:

http://bacolicio.us/http://www.google.ca

C'est simplement accessible dans la nomenclature de l'url à qui veut le refaire! Pas besoin de .php ou autre. Cela dit, le probable intérêt d'une telle pratique reste posé. Rien d'illégal, rien d'illégitime, rien de sorcier.

Mais en quoi cela est-il-intéressant, hormis le téléscopage d'un tranche de gros lard sur la très célèbre page d'accueil de Google? J'avoue que poser ici cette question est déjà y répondre un peu.

Etymologie de "google":
Google est un néologisme créé à partir du mot « googol ». En 1938, le mathématicien américain Edward Kasner demande à son neveu, Milton Sirotta, d'inventer un nom pour désigner le nombre composé du chiffre 1 suivi de 100 zéros, et le garçonnet de huit ans propose « googol » (bon, puisque vous insistez : 10 000 000 000 000 000 000 000 000 000 000 000 000 000 000 000 000 000 000 000 000 000 000 000 000 000 000 000 000 000 000 000 000 000 ! Accessoirement, le googol est supérieur au nombre de particules élémentaires de l'univers, qui se contentent de 80 zéros…). Google a choisi ce terme pour symboliser sa mission : organiser l'immense volume d'information disponible sur le Web et dans le monde.

"Poésie, Poésie, Poésie de l'Infini, quand tu nous tiens!"

La sémiologie nous enseigne que la science de l'image en tant que vecteur de communication est absolument complexe ...Delà notre interpellation "sémantique".

En conclusion, je vous félicite d'avoir appréhendé notre attention sur une "curiosité" du Web!

Amicalement vôtre.
0
anakoby Messages postés 3 Date d'inscription   Statut Membre Dernière intervention  
 
Bonjour,

Merci pour votre réponse.

Je possède bel et bien la barre d'outils Web Developer et le module complémentaire Firebug, mais ceux-ci ne m'ont pas beaucoup aidé jusqu'à présent (malgré le fait de m'avoir donné quelques indices, tels que la présence d'un iframe).

Je me demandais s'il existait des tutoriels ou si vous auriez une solution simple qui me permettrait de réaliser ceci?

Je doute très fortement que cela soit illégal, puisque les sites http://bacolicio.us/ et http://kanyelicious.appspot.com/ sont très, très populaires. De toutes manières, si je réussis à créer quelque chose du genre, je ne compte pas en faire promotion ou le rendre public. C'est tout simplement pour un projet personnel que je prends à coeur.

Merci encore!
0
113pictural Messages postés 483 Statut Membre 53
 
Je crois savoir que Google propose à qui veut l'utiliser, sa page d'accueil telle que l'url de la pageWeb sera du style envisagé:
http://bacolicio.us/http://www.google.ca
ou ne s'exerce pas une redirection mais juste l'utilisation de la fonction de requête de Google, comme un simple widget. Non?
Il suffit d'imposer à la page ainsi créé la superposition d'une image .png transparente (ici 698px 382px).

Pour ce faire:

1. vous êtes le WebMestre d'un site;

2. vous créez une page où quelques lignes en .css (!) devraient suffire:

.css
::::::::::::::::::::::::::::::::::::::::::::::
body { margin: 0; padding: 0; }
#overlay { position: absolute; top: 15%; left: 10%; }

.html
::::::::::::::::::::::::::::::::::::::::::::::
<body>
<div id="overlay"><img src="http://bacolicious.s3.amazonaws.com/bacon.png"></div>
...
</body>

Visitez Google pour disposer du widget de sa page d'accueil ...

Je comprends votre intérêt, car l'on peut envisager des applications vraiment créatives.

Amicalement.
0
anakoby Messages postés 3 Date d'inscription   Statut Membre Dernière intervention  
 
Bonjour,

Merci pour votre réponse.

Quant au HTML/CSS, je m'y connais et je n'ai aucun problème en cette matière. Et oui, je possède bel et bien un site web.

Toutefois, est-ce que la solution que vous me proposez est versatile? Dans ce cas-ci, Google n'était qu'un exemple. Si vous prenez l'adresse http://bacolicio.us/ et que vous rajoutez n'importe quel nom de domaine à la fin de celle-ci, vous verrez apparaître ce dernier (site web) dans l'iframe de http://bacolicio.us/ .

Merci.
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
113pictural Messages postés 483 Statut Membre 53
 
Et pour être complet voire exhaustif, voici un copié-collé de Wikipedia sur le "widget" [window-gadget] à l'url suivante:

https://fr.wikipedia.org/wiki/Widget_interactif

"Un widget interactif est un outil disponible sur un système d'exploitation, une page web ou un blog. Les widgets interactifs proposent habituellement des informations ou des divertissements. Par exemple, certains affichent les cours de la bourse ou des informations météorologiques alors que d'autres permettent de jouer à des jeux vidéos généralement assez basiques comme Pong ou Space Invaders.
Sommaire

* 1 Les différents formats de widgets
o 1.1 Widget de page d'accueil
o 1.2 Widget de bureau
o 1.3 Widget de site web
o 1.4 Widget mobile
o 1.5 Widget physique
* 2 Les types de widgets
* 3 Quelques widgets
* 4 Voir aussi
o 4.1 Liens externes
+ 4.1.1 Annuaires de widget
+ 4.1.2 Conception de widgets
+ 4.1.3 Exemple de widgets
* 5 Notes et références
* 6 Bibliographie

Les différents formats de widgets

Widget de page d'accueil

Différents site web permettent de se créer un espace entièrement personnalisable par blocs (les widgets). Ainsi en paramétrant ce site comme page d'accueil du navigateur, les utilisateur peuvent accéder directement à aux informations qu'ils ont sélectionné.

* iGoogle, service mis à disposition par le moteur de recherche Google est le leader du marché.
* Netvibes, service concurrent propose le même type de fonction
* Webwag, autre service développé en France, propose en plus une notion de convergence multi-plateformes
* Windows Live, service lancé par Microsoft pour son portail Live.com permet également la personnalisation de page d'accueil avec widgets.
* Djinngo Web, service lancé par Orange, anciennement appelé bubbletop.
"

Je pense que vous trouverez désormais rapidement la voie à votre projet.

Amicalement.
0
113pictural Messages postés 483 Statut Membre 53
 
En somme, que manque-t-il à votre connaissance?

Pour ma part inculte, que signifie une solution versatile? Laquelle ferait défaut.
0
113pictural Messages postés 483 Statut Membre 53
 
Pour répondre à votre dernier article, ce me semble logique que l'img.png s'impose de la sorte, parce que la page-maître est bien celle de http://bacolicio.us/ (cf le .css). Ainsi toute autre page qui passe par http://bacolicio.us/ (et son code .css) se voit superposée de son img.png.

Non?
0