Bună ziua, Kate! Am fost interesat de un articol despre „articole de design frumoase pe blog-ul,“ adevărul, nu am decis încă cel mai bine cum să-l folosească în blog-ul său. Dar nu este problema. Faptul că am insera de multe ori video în mesajele dumneavoastră (de exemplu, YouTube) și aș dori să economisi spațiu (puteți, desigur, reduce dimensiunea videoclipului în sine, dar nu-mi place sa ma uit la video în astfel de cantități mici, și du-te la o altă pagină N-aș vrea să). Pe unele site-uri am întâlni, atunci când video sunt inserate în același mesaj ca și în cazul în care pe file diferite, de exemplu, aici
dar eu nu știu. Poate ajuta frumos rezolva această problemă?
În general, aceste file sunt numite file, din fila Engleză (file). Acest cuvânt are multe înțelesuri, și care dintre ele a fost numele filele de meniu nu știu.
Meniul filă poate fi utilizat ca principal blog-ul meniu orizontal în bara laterală (bara laterală) a blogului, precum și direct în corpul mesajelor. Totul depinde de nevoile și obiectivele personale.
Sincer, nu am deranja mult codul pentru meniul tab. Faptul că eu sunt în liniște pregătesc un nou șablon pentru acest blog, asa ca aici este un design nou, voi avea doar un astfel de meniu. Codul pentru acesta a fost inventat de designerul șablon.
Așa că ia-o în afară în părțile sale componente, pentru a înțelege că, pentru ceea ce este necesar pentru a face acest cod să funcționeze și este acum despre asta și spune. Acest cod este testat numai pentru șabloane pentru Blogger. În ceea ce privește codul este bun din punct de vedere al programării - Nu pot spune. Principalele lucrari :). Să începem.
Jquery conecta biblioteca la fila de meniu
În primul rând, fără de care acest meniu nu va exista - fără a conecta o bibliotecă specială Jquery.Prezhde, vă conectați, verificați dacă ați probabil conectat deja.
Pe Blogger, cred că toate conectate, pentru că puteți utiliza JavaScript și un link către fișierul este implicit pe această platformă. Deschideți blogul dvs. (nu admin, și anume, pe blog-ul), apoi faceți clic dreapta oriunde, alegeți o comandă (în funcție de browser-ul dvs.) - Codul sursă al paginii codului / Vezi pagina sursa / HTML View / Source Code. Aceasta deschide o fereastră nouă (sau tab) și mai aproape de partea de sus a paginii, între etichetele
aici Cautam doar o astfel de linie:Numerele din link-ul poate fi diferit, în funcție de versiunea de script-ul (dacă am înțeles corect). Cine este această linie nu este găsit, atunci trebuie să-l încorpora pe cont propriu. Este foarte puțin probabil ca pe Blogger nu a avut astfel de linii, dar încă doar în cazul în care voi descrie procesul.
Deschideți Design - Editare HTML. descoperim . Și deasupra ei lipiți locul „meu“.
Biblioteca este conectat. Apoi, trebuie să conectați un alt scenariu, prin care funcțiile și filele de meniu.
Instalați script-ul pentru un meniu cu file
$ ( 'Widget-meniu Tab ul li: mai întâi.') AddClass ( 'selectat') ;.
$ ( 'Tab-ul widget-meniu li'). Faceți clic (function ()
$ ( 'Tab widget-meniu ul li.') RemoveClass ( 'selectat') .;
$ ( '# Tab-Sidebar .widget1') echiv ($ ( 'tab-ul widget-meniu li.') Index (acest lucru).) FadeIn (500) ..;
Definirea stiluri de meniu
lățime: 500px; / * Lățime bloc * /
fundal: nici unul repeta parcurgere 0 0 #FFFFCC; / * Culoarea filei activă * /
float: left; / * Poziția orizontală a filelor * /
border-dreapta: 1px solid # ECEDE8; / * Frame din filele * /
culoare: # 555; / * Culoare text * /
background-color: # 006DFF; / * Blocul de culoare cu conținutul * /
padding: 31px 5px 5px; / * Câmpurile din jurul conținutului * /
frontieră: solid 1px # ECEDE8; / * Toc bloc cu un conținut * /
Inserare filă de meniu pentru blog
Acum, du-te direct la meniul nostru cu file. Așa cum a scris mai sus, meniul poate fi ca în bara laterală a blogului, și în posturi.
Dacă doriți să setați meniul din bara laterală, design deschis - Elemente de pagină - Adăugați un obiect gadget. Alegerea unui obiect gadget HTML / JavaScript.
Dacă meniul ar trebui să fie inserat în posturi pe blog, la momentul scrierii acestui articol, accesați fila Editare HTML și inserați următorul cod: