Een snelle Hint: vanaf nul beginnen

, maakt een mooie wordpress registratie snelle tips: die chique wordpress registratie van nul te beginnen,,,,,,,,,, delen, deel 7,,,,,,, de delen van het netwerk, maandag wat tuts + cursussen worden teruggebracht tot... Maar drie dollar.Niet' niet missen.,, tijdens de les, ik leid je door een mooie "geregistreerd" vormen, worden gebruikt in het kader van Fancybox), en, natuurlijk, de wordpress.Je vindt, het is simpel.,,, stap 1.Mark, ten eerste, laten we de knop op de Top van de pagina, in de beschrijving van de thema 's ter vervanging van de standaard., < div = "Register" > < een soort "geregistreerd" knop href = "formele" >&#registratie; registratie < /een > < /div. > dat de in het register knop href (# registratie) is in de vorm van dezelfde id.We gebruiken ook "," genoemd) dat Fancybox.,, moeten we onze basis; laten we het merken.Open de header.php, en dat een van de volgende style= < die je wil, "blijkt dat geen" > <.- registratie - > < div = "vormen van het register" > < div = "titel" > < H1 > registratie rekening < /H1 > < span > de registratie van ons om van te genieten.< /ijk > < /div > < vorm van actie = "methode =" na "> < input vormen voor de tekst" naam "waarde" = "gebruiker" = "" = "input" /> < input vormen voor de tekst "naam" waarde "=" e "=" "=" input "/> < input - type =" dienen "()" Register "=" geregistreerd "/> < menselijke hulpbronnen /> < P =" verklaring "> code zal je e - mailen. < /P > < /vorm > < /div > < /div > <.- de registratie, de >, alsjeblieft, ik ben met de show: geen verborgen vorm gekregen.,,, stap 2.De Wegwijzerdienst CSS heel eenvoudig. Ik ben gewoon vormgeving in de vorm van photoshop, minus de snelle vorming van de vorm, ziet er als volgt uit: (noot heb ik aangegeven: er is geen etiket om mijn stijl te beginnen we volgende), de vorm, de doos, die&#registratie. (breedte: 400 - pixel; lengte: verbergen; de relatieve positie 230px;:::; achtergrond&#f9f9f9 URL (beeld /veiligheid. Papoea - Nieuw - Guinea) geen herhaling van 260px 30px; helvetica Neue, zwarte, Ariel.Belangrijke;}, blijven, ik ben nu de tekst toe te voegen aan de stijl, een utopie die de registratie,&#input [type = "tekst"] {blijkt dat blok: 1 - pixel vaste #; «; deposito 's: 20px oude aangebracht; 9px 4px; moz grens: 4px; - norm: 4px grens; breedte: 200px; helvetica Neue, zwarte, Ariel.Belangrijk;} div#register-form input[type= "tekst"]: hover {border-color: #b1b1b1;} div#register-form input[type= "tekst"]: focus (-moz-box-shadow: 0 0 0 0 3px 3px #ccc; -webkit-box-shadow: #ccc;}, nu ik de knop, stijl, de toevoeging van een hover staat, en replacing de knop met een standaard. Div#register-form input[type= ".]#register dienen" {(images/register.jpg: URL: Papoea - Nieuw - Guinea); - 0; beide; cursor: punten; height: 31px; een verborgen; - ten minste left:295px; text-indent: -9999px; top:42px; width:92px;} div#register-form input[type= "dienen"]#register:hover {background-position: 0 -32px;}, eindelijk, we nog wat, die styling., div#register-form Span} - disSpelen: blok; marge beneden 22px;} die&#registratie div.title {marge: 15px} die&#registratie div.title H1, die&#registratie div.title span {schaduw: 1 - pixel 1 - pixel 0px&#fff) die&#registratie div.title H1 (deposito 's: 0 {} p.statement 7px; standpunt: de absolute bodem:; - X; links: 10 pixels, lettergrootte:. 9em; kleur:d6d6d; schaduw: 1 - pixel 1 - pixel 0px&#fff;}, kijk!We hebben de vorm van ons.Nu, laten we de functie van stap 3:,, vooruit.Is, in de eerste plaats moeten we met inbegrip van dit in je.Om dit te bereiken, moeten we de volgende code blok in < hoofd > etikettering in de header.php dossier.Weet je nog, je gebruikt dit zelf, we willen niet dat de potentiële belasting, twee keer.En hetPHP wp_enqueue_script ("onze");?> <?PHP wp_head (); de???????>, het downloaden van Fancybox, zet je je MAP.Moet ik iets meer het creëren van een "bevat een map.Nu, open je footer.php dossier,,, en vóór het einde van de volgende < /body > etikettering van banden, < rel = = "stijl" tekst /CSS "href =" <?PHP ('template_url ");?> /met inbegrip van /FancyBox /). Fancybox-1.3.1. De CSS media = "op het scherm" /> <.- javascript - > < script type = "tekst /javascript" src = < "?PHP ('template_url ");?> /met inbegrip van /FancyBox /). Mousewheel-3.0.2. Pakje. J 's "> < /scripts > < script type =" tekst /javascript "src = <"?PHP ('template_url ");?> /met inbegrip van /FancyBox /). Fancybox-1.3.1. Pakje. J 's "> < /scripts >, we bellen Fancybox; die in dit deel van de code en het einde van het etiket voor.: (document). Voorbereiding (functie) () (" FancyBox. Show "). ({'titleshow:" nep ",:" verdwijnen ",'transitionin'transitionout:" verdwijnen "});}); en we zijn klaar.We hebben onze laatste vorm; alleen door de nodige wordpress informatie om het normale werk.,, stap 4.Je, het is niet vreemd, maar we moeten twee wordpress fragment, verborgen in de wp-login.php dossier, eerste alinea:, <?PHP wp-login.php ECHO site_url ("?Action = geregistreerde "," login_post ").>:,,, <?PHP do_action ('register_form ");?> de laatste code eruit moet zien:, < die style= "blijkt dat geen" > <.- registratie - > < div = "vormen van het register" > < div = "titel" > < H1 > registratie rekening < /H1 > < span > de registratie van ons om van te genieten.< /ijk > < /div > < vorm van actie = "<?PHP wp-login.php ECHO site_url ("?Action = geregistreerde "," login_post ").> "methode =" na "> < input vormen voor de tekst" naam "user_login". "De naam" = "user_login" = "input" /> < input vormen voor de tekst "naam" user_email. "E" = "user_email" = "input" /> <?PHP do_action ('register_form ");?> < input - type = "dienen" () "Register" = "geregistreerd" /> < menselijke hulpbronnen /> < P = "verklaring" > code zal je e - mailen. < /P > < /vorm > < /div *; < /div > <.- de registratie - en >, let op, dit is een zeer belangrijk en noodzakelijk,,,, user_login als je naam in de tekst, de id; dezelfde e - mail input is echt.Anders, zal het niet werken, en we doen!Conclusie van,,, een beetje van de code, en een aantal aanpassingen, we hebben er al in geslaagd zijn om een mooie "de lijst".Hoe voel je je?,












Previous:
Next Page: