Un jour, j'ai eu une idée soudaine, si je pouvais utiliser les compétences du programmeur que j'ai appris à avouer à ma petite amie, ne serait-ce pas haut de gamme, élégant et à jour?
J'y pense et je le fais immédiatement. La première chose à laquelle je pense est de modifier le fichier des hôtes et de modifier la page d'accueil du navigateur sur la page Web que j'ai conçue.
Les étudiantes domestiques utilisent généralement la page d'accueil de Baidu, j'ai donc imité une page d'accueil de Baidu moi-même, et les effets spécifiques sont les suivants:
Cela semble-t-il grand et exceptionnel? Bien sûr, j'ai échoué à la fin. Comment un programmeur pourrait-il avoir une petite amie?
Mais au profit de mes amis en soie, je poste maintenant ces codes. Même si une personne réussit, je cacherai toujours mes mérites et ma renommée.
Veuillez utiliser Baidu pour modifier le fichier des hôtes. Ce n'est pas suffisant.
Baidu Code source écrit par moi-même:
La copie de code est la suivante:
<style>
html, corps {hauteur: 100%} html {overflow-y: auto} #wrapper {position: relative; _position :; min-height: 100%} # contenu {padding-bottom: 100px; text-align: Center} #ftCon {hauteur: 100px; position: ABSUTE; Bottom: 44px; texte
auto; z-index: 0; débordement: caché} #ftconw {largeur: 720px; marge: 0 auto}
Body {Font: 12px Arial; Text-Align: Left; Background: #ffff}
corps, p, forme, ul, li {marge: 0; rembourrage: 0; style liste: aucun}
corps, formulaire, # fm {position: relatif} td {text-align: gauche} img {border: 0} a {couleur: # 00c} a: actif {couleur: # f60}
.bg {background-image: url (http://s1.bdstatic.com/r/www/cache/static/global/img/icons_aea40f46.png); background- EEPEAT: No-Repeat; _background-image: URL (http://s1.bdstatic.com/r/www/cache/static/global/img/icons_cfa0bb3b.gif)}
.C-Icon {Affichage: Block en ligne; Largeur: 14px; hauteur: 14px; Vertical-Align: Text-Bottom; Font-Style: Normal; Overflow: Hidden; Background: URL (http://s1.bdstatic.com/r/www/cache/static/global/img/icons_aea40f46.png) 0)
-24px} .c-icon-chevron-unfold2 {fond de fond: -504px -24px} #u {couleur: # 999; padding: 4px
10px 5px 0; Text-Align: droite} #UA {margin: 0 5px} #u .reg {margin: 0} #m {width: 720px; margin: 0
auto} #nv a, # nv b, .btn, # lk {font-size: 14px} #fm {padding-left: 130px; text-align: Left; z-index: 1} entrée {border: 0; padding: 0} #nv {hauteur: 19px; Font-Size: 16px; margin: margin: 0 0
0 4px; Text-Align: Left; Text-Indent: 137px} .S_IPT_WR {Width: 468px; Height: 30px; Affichage: Inline-Block; margin-droit: 5px; Position d'arrière-plan: 0
-288px; bordure: 1px solide # b6b6b6; border-color: # 9a9a #cdcdcd #cdcdcd # 9a9a9a; Vertical-Align: top} .s_ipt {width: 458px; hauteur: 22px; font: 14px / 22px
Arial; marge: 5px 0 0 7px; arrière-plan: #ffff; contour: 0; -webkit-apparition: aucun} .s_btn {width: 95px; hauteur: 32px; padding-top: 2px / 9; font-size: 14px; background-Color: #ddd; background position: 0
-240px; curseur: pointeur} .s_btn_h {fond de fond: -240px -240px} .s_btn_wr {width: 97px; height: 34px; affich
-240px; * Position: relative; z-index: 0; Vertical-Align: top} #lg img {Vertical-Align: Top; margin-fond: 3px} #lk {margin: 33px
0} #lk span {font: 14px "安体"} #lm {hauteur: 60px; line-height: 15px} #lh {margin: 16px
0 5px; Espacement des mots: 3px} .tools {position: absolu; top: -4px; * TOP: 10px; droite: 7px} #mholder {width: 62px; position: relatif; z-index: 296; Affichage: Aucun} #mcon {hauteur: 18px; #mcon de ligne: 18px; position: ABSUTE; CURSOR: POPERT #MCON;
Span {Color: # 00C; Cursor: Default; affichage: Block} #mcon .hw {Text-Decoration: Underinned; Cursor: Pointer; Affichage: Inline-Block} #mcon
.pinyin {affichage: bloc en ligne} #mcon .c-icon-chevron-unfold2 {margin-left: 5px} #mmenu
A {largeur: 100%; hauteur: 100%; affichage: bloc; ligne-hauteur: 22px; text-indent: 6px; text-décoration: Aucun; filtre: Aucun / 9} # mmenu, # utilisateur
ul {box-shadow: 1px 1px 2px #ccc; -moz-box-shadow: 1px 1px 2px #ccc; -webkit-box-shadow: 1px
1px 2px #ccc; filtre: PROGID: dximageTransform.microsoft.shadow (résistance = 2, direction = 135, color = "# ccccccc") / 9} #MMenu {width: 56px; bordure: 1px
solide # 9b9b9b; style liste: aucun; position: absolue; à droite: 27px; en haut: 28px; affichage: Aucun; fond: #fff} #mmenu
a: hover {background: #ebebeb} #mmenu .ln {height: 1px; background: #ebebeb; overflow: Hidden; font-size: 1px; line-height: 1px; margin-top: -1px} # cp, # cp
A {Color: # 666} #seth {affichage: aucun; background: url (# default # homepage)} # setf {display: non} #sekj {margin-left: 14px} #shouji {margin-right: 14px} #u
.Last {margin-droite: 0} #u .un {Font-Weight: Bold; margin-droite: 5px} #u ul {width: 100%; fond: #fff; border: 1px
Solid # 9b9b9b} #u li {hauteur: 25px} #u li a {width: 100%; hauteur: 25px; line-height: 25px; affichage: bloc; texte-align: gauche; text-décoration: aucun;
li a: hover {background: #ebebeb} #u li.nl {border-top: 1px solide #ebebeb} #User_Center {position: relatif; affichage: bloc en ligne} #user_center
.User_Center_BTn {marge-droite: 5px} .Ussermenu {width: 64px; Position: Absolute; droite: 7px; _Right: 2px; top: 15px; top: 14px / 9;
</ style>
<style>
/ *
Mon style de logo
* /
#m {position: relatif; rembourrage: 50px 0 0 0;}
#NewYeAreve {Hight: 15px; Position: Absolute; top: 250px; gauche: 130px; largeur: 510px;}
#newyeareve li {curseur: pointeur; largeur: 20px; hauteur: 15px; marge: 0 21px 0 0; float: gauche;}
#newyeareve .icon-newyear0 {background: url ("// files.vevb.com/file_images/article/201407/mylove.png") NO-Repeat Center Center;};
#newyeareve .month-next {affichage: aucun! IMPORTANT;}
#Newyeareve .Icon-newyear1 {Background: URL ("// files.vevb.com/file_images/article/201407/mylove01.png") NO-Repeat Center Center;}
#newyeareve li: hover {background: url ("// files.vevb.com/file_images/article/201407/mylove.gif") no-repeat -0 0; }
#m {position: relative;}
#Play {position: absolu; en haut: 135px; gauche: 348px; largeur: 25px; hauteur: 25px; curseur: pointeur;}
#NewyEAreve .Icon-Newyear2, # NewyeAreve .Icon-Newyear1: Hover {background: url ("// files.vevb.com/file_images/article/201407/mylove01.png") No-Repeat Center Center;}
#newyearkw {couleur: # e203a9; position: absolu; en haut: 212px; gauche: 135px; width: 300px; hauteur: 20px; couleur: # 897883; z-index: 100; font-family: "Microsoft Yahei"; Tex-Align: à gauche; Font-Weight: 700; FonT-Size: 16px: Bourse;
#newyearkw i, # newyearkw img {style font-style: normal; position: absolu; largeur: 20px; hauteur: 20px; en haut: 0;}
#newyearkw .img01 {gauche: 0px;}
#newyearkw .img02 {gauche: 180px;}
#newyearkw .c1 {couleur: # e203a9; gauche: 20px;}
#newyearkw .c2 {couleur: # e203a9; gauche: 40px;}
#newyearkw .c3 {couleur: # b60175; gauche: 60px;}
#newyearkw .c4 {couleur: # b60175; gauche: 80px;}
#newyearkw .c5 {couleur: # f460af; gauche: 100px;}
#newyearkw .c6 {couleur: # f460af; gauche: 120px;}
#newyearkw .c7 {couleur: # fd98a5; gauche: 140px;}
#newyearkw .c8 {couleur: # fec8db; gauche: 160px;}
#newyearkw .c9 {couleur: # fec8db; gauche: 180px;}
#newyearkw .c11 {couleur: # fec8db;}
#newyearkw .c12 {couleur: # fec8db;}
#newyearkw .c13 {couleur: # fec8db;}
#newyearkw .c14 {couleur: # fec8db;}
.word-box {position: relatif; largeur: 300px; hauteur: 20px;}
</ style>
<div id = "contenu">
<div id = "m">
<p id = "lg">
<img src = "// files.vevb.com/file_images/article/201407/mylove_logo.png" />
</p>
<p id = "nv">
<a href = "http://news.baidu.com/" rel = "externe nofollow" name = "tj_news">
nouvelles
</a>
<b>
page web
</b>
<a href = "http://tieba.baidu.com/" rel = "external nofollow" name = "tj_tieba">
Publier
</a>
<a href = "http://zhidao.baidu.com/" rel = "externe nofollow" name = "tj_zhidao">
Savoir
</a>
<a href = "http://music.baidu.com/" rel = "external nofollow" name = "tj_mp3">
musique
</a>
<a href = "http://image.baidu.com/" rel = "external nofollow" name = "tj_img">
image
</a>
<a href = "http://v.baidu.com/" rel = "externe nofollow" name = "tj_video">
vidéo
</a>
<a href = "http://map.baidu.com/" rel = "external nofollow" name = "tj_map">
carte
</a>
</p>
<div id = "fm">
<form name = "f" Action = "http://www.baidu.com/s" Target = "_ Blank">
<span>
<input type = "text" name = "wd" id = "kw" maxLength = "100" automatique AutoClelete = "OFF" />
</span>
<input type = "Hidden" name = "RSV_BP" Value = "0" />
<input type = "Hidden" name = "ch" value = "" />
<input type = "Hidden" name = "tn" value = "Sitehao123" />
<input type = "Hidden" name = "bar" value = "" />
<input type = "Hidden" name = "RSV_SPT" Value = "3" />
<input type = "Hidden" name = "ie" value = "utf-8" />
<span>
<input type = "soumi" value = "baidu" id = "su" onMoudown = "this.classname = 'bg s_btn s_btn_h'" onMouseout = "this.classname = 'bg s_btn'" />
</span>
<div id = "SD_1386659528033" style = "affichage: aucun;">
</div>
</ form>
<span>
<span id = "mholder">
<div id = "mCon">
<span>
Méthode d'entrée
</span>
</div>
</span>
</span>
</div>
<ul id = "newyeareve"> <li i = "0"> </li> <li i = "1"> </li> </ul>
<div id = "play" style = "affiche: aucun;"> </div>
<div id = "newyearkw">
<div>
<img src = "// files.vevb.com/file_images/article/201407/mylove.gif" />
<i> Cher </i>
<i> Love </i>
<i> S </i>
<i>, </i>
<i> Marier </i>
<i> Give </i>
<i> i </i>
<i> bar </i>
<img src = "// files.vevb.com/file_images/article/201407/mylove.gif" />
</div>
</div>
</div>
</div>
<script type = "text / javascript"> // <! [cdata [
var newyeareve = newyeAreve || {};
newyeareve.dom = document;
newyeareve.box = newyeareve.dom.getElementById ("newyeareve");
newyeareve.kw = newyeareve.dom.getElementById ("kw");
newyeareve.newyearkw = newyeareve.dom.getElementById ("newyearkw");
//newyareve.logo=newyareve.dom.getElementByid("lg ");
//newyareve.playdom=newyeareve.dom.getElementByid("play ");
newyeareve.num = -1;
newyeareve.time = 0;
newyeareve.wordWidth = 300;
newyeareve.wordw = 0;
newyeareve.newday = false;
newyeareve.dataarr = [{
Mot de clé: "Vous m'avez donné un sentiment spécial lorsque je me suis rencontré le 18 mai 2012"
}, {
Mot de clé: "Nous étions ensemble le 5 juin 2012, et depuis lors, cette journée ordinaire a une signification particulière pour nous"
}, {
MOT-CLÉ: "La première querelle du 20 août 2012 vous a rendu triste et désolé"
}, {
MOT-CLÉ: "Le premier voyage de Shangri-La le 1er octobre 2012"
}, {
Mot de clé: "Nous avons fait un arbre de Noël ensemble la veille de Noël, 24 décembre 2012"
}, {
Mot de clé: "Je vous donne toujours des roses le premier Saint-Valentin le 14 février 2013"
}, {
MOT-CLÉ: "17 mars 2013 J'ai célébré votre premier anniversaire"
}, {
MOT-CLÉ: "Je suis également très heureux de célébrer la Journée des enfants ensemble le 1er juin 2013"
}, {
Mot de clé: "Merci pour l'année où vous avez été à vos côtés au premier anniversaire du 5 juin 2013"
}, {
MOT-CLÉ: "Je vous emmènerai pour manger ma nourriture de la ville natale le 4 août 2013, et voir vous passez un bon moment"
}, {
Mot de clé: "J'étais un peu nerveux lorsque j'ai rencontré vos parents pour la première fois lors du festival de la mi-automne le 19 septembre 2013"
}, {
MOT-CLÉ: "31 décembre 2013 J'espère que je vous accompagnerai pour célébrer la nouvelle année à chaque fois à partir de maintenant ..."
}
]]
newyeareve.createhtml = fonction (num) {
var h = '';
var n = 1;
num = num-0;
if (num <n + 1) {
commutateur (num) {
Cas 0:
h = '<li i = "0">';
casser;
Cas 1:
h = '<li i = "0"> </li> <li i = "1"> </li>';
casser;
}
}autre{
pour (var i = 0; i <num-n; i ++) {
h + = '<li i = "' + i + '">';
}
pour (var i = num-n; i <num + 1; i ++) {
var c = 'icon-newyear' + (i + n-num);
h + = '<li i = "' + i + '">';
}
}
if (newyeareve.box) {
newyeareve.box.innerhtml = h;
}
newyeareve.kw.value = newyeareve.dataarr [num] .keyword;
}
newyeareve.animate = function () {
if (newyeareve.num <11) {
newyeareve.num ++;
newyeareve.createhtml (this.num);
}
newyeareve.time = setTimeout (function () {
if (newyeareve.num <11) {
newyeareve.animate ();
} autre {
newyeareve.kw.value = "";
newyeareve.box.innerhtml = "";
newyeareve.wordanimate ();
}
}, 3000);
}
newyeareve.wordanimate = function () {
if (newyeareve.wordw <newyeareve.wordwidth) {
newyeareve.wordw = newyeareve.wordw + 1;
newyeareve.newyearkw.style.width = newyareve.wordw + "px";
setTimeout (function () {
newyeareve.wordanimate ();}, 16);
}autre{
newyeareve.replay ();
}
}
newyeareve.replay = function (num) {
newyeareve.time = setTimeout (function () {
newyeareve.wordw = 0;
newyeareve.newyearkw.style.width = newyareve.wordw + "px";
newyeareve.kw.value = "";
newyeareve.num = -1;
newyeareve.box.innerhtml = "";
newyeareve.animate ();
}, 3000);
}
newyeareve.box.onclick = fonction (événement) {
var e = event.target || event.srcelement;
var i = e.getAttribute ("i");
if (i! == null) {
newyeareve.newyearkw.style.width = "0px";
newyeareve.kw.value = newyeareve.dataarr [i] .keyword;
newyeareve.clicknum = i;
newyeareve.createhtml (newyeareve.clicknum);
ClearTimeout (newyeareve.time);
newyeareve.time = setTimeout (function () {
//newyareve.createhtml(newyareve.num);
newyeareve.num = newyeareve.num == 11? 10: newyeareve.num;
newyeareve.animate ();
//newyareve.kw.value= newyeareve.user || "";
}, 3000)
}
}
newyeareve.animate ();
//newyareve.wordanimate ();
//]]> </ script>