Jimdo pentru începători - campusul electronic al oamenilor creativi

BUTOANE DE DRAWING.

Aceste informații vor fi utile nu numai utilizatorilor motorului Jimdo. Va fi util tuturor webmasterilor începători, celor care folosesc designeri site-uri on-line, dar, în primul rând, este destinat pentru admiratorii lui Jimdo. Nu mă învinuiți dacă voi descrie mai detaliat cum să conduc aceste sau aceste iterații, dar experiența de comunicare cu instructorii Jimdo arată că nu este nevoie de mai multe detalii :).

Conceptul de designer de site Jimdo presupune că utilizatorul nu are abilități de programare și cunoștințe de html, MySQl și php. Ei bine, nu voi supraîncărca cititorii cu informații "inutile" :).

Deci, în timpul construirii site-ului din când în când, este nevoie de a face un hyperlink nu doar în text, și au emis acest link sub forma unui buton.

În constructorul Jimdo, puteți forma butonul în trei moduri.

Avantajele acestei metode - butonul poate desena orice culoare și formă, deoarece este doar un desen.

A doua metodă de formare a butoanelor este de a folosi modulul "table" Jimdo.

În tabletă puteți forma un buton decent și, dacă este necesar, îl puteți introduce chiar și în fragmentul de text.

Avantaje - butonul poate desena orice culoare și lățime și poate da o lovitură.

Ei bine, de exemplu, asta se dovedește.

Deci, butonul este gata. Cum se utilizează? - E foarte simplu. Dacă ați format un buton pe site-ul "rezidenței" ulterioare, atunci nu trebuie să faceți nimic. Dacă doriți să îl mutați în alt loc - trebuie să copiați codul html al butonului și să-l lipiți în locul potrivit.

De fapt, asta e tot.

Ei bine, acum, după ce am învățat cum să copiem și să lipim codul butonului html în locul potrivit, putem lua în considerare a treia metodă de formare a butoanelor în constructorul Jimdo.

Poate că aceasta este cea mai ușoară metodă de formare a butoanelor. Acesta este cel mai simplu buton html "batton", și arată astfel:

Avantaje butoane - un cod simplu, nimic de tras nu este necesar. Muchii rotunjite. Când treceți cu mouse-ul peste butonul cursorului și faceți clic pe el, imaginea (aspectul) butonului se schimbă, simulând un clic "real". Puteți să o inserați pur și simplu într-un modul de text sau într-un modul tabelar. În acest caz, puteți crea chiar fundal color pentru buton, de exemplu:

După cum înțelegeți, codul butonului este introdus în celula tabelului, pur și simplu în loc de text.

Deci, cum arată codul pentru un astfel de buton cu atributele "implicite". Și arată astfel:

Unde este roșu pagina de tranziție.

Dacă doriți să potriviți un buton cu dimensiunea aplicației dvs., o puteți modifica după cum urmează.

68 px - dimensiunea în câmpuri a câmpurilor înainte și după etichetarea BUTTONULUI (aceste câmpuri împreună cu inscripția determină, în cele din urmă, lățimea butonului).

# 0000ff - culoarea inscripției pe buton (în acest cod este inscripția albastră a BUTTONULUI)

Comanda window.open arată că pagina de tranziție trebuie deschisă într-o fereastră nouă.

Dacă doriți să deschideți o nouă pagină în aceeași fereastră, ar trebui să existe o comandă window.location.href = Apoi, codul butonului va arăta astfel:

Dacă doriți să plasați mai multe butoane într-un singur rând, introduceți mai multe coduri într-un rând în fereastra html a modulului "text". La tine se va dovedi aici că:

BUTON 1 BUTON 2 BUTTON 3

Dar codul introdus (destinația tranziției, desigur, trebuie să fie diferită).

Și le puteți extinde pur și simplu pe spații, la fel ca la editarea textului.