In anul 2015 producatorii de invitatii au creat noi modele de invitatii pentru nunta. Daca ar fi sa dam o raita printre “rafturile” cu invitatii nunta 2015 vom gasi, atat invitatii nunta ieftine, dar de ce nu elegante si deosebite, pentru cuplurile cu un buget limitat si bine structurat, cat si invitatii nunta de lux, pentru cuplurile care doresc ceva original si au bugetul pentru astfel de invitatii.
In planificarea nuntii o sa aveti momente cand o sa va ganditi la cum o sa arate invitatiile pentru nunta mea si o sa faceti o lista intitulata “Invitatii nunta mea”.

Aveti foarte multe optiuni, depinzand de caracterul si gusturile tale si ale partenerului, printre care: invitatii de nunta deosebite, invitatii nunta elegante, invitatii nunta haioase, invitatii nunta de lux, invitatii nunta frumoase sau pur si simplu invitatii clasice.
Pe “rafturile” magazinului nostru online, www.invitatiicreative.com, veti gasi de la invitatii de nunta ieftine la invitatii nunta de lux, de la invitatii nunta elegante, vintage la invitatii nunta haioase, intr-un final depinde de voi ce tip de invitatie veti trimite pentru a anunta marele eveniment, insa va garantam ca toate sunt invitatii de nunta frumoase.
Dupa ce ati ales modelul de invitatie, trebuie sa alegeti textul pentru invitatii. La www.invitatiicreative.com veti gasi modele in categoria texte invitatii nunta, unde aveti de ales intre texte nunta elegante, texte nunta deosebite, texte invitatii nunta de lux, texte invitatii nunta haioase, pentru toate gusturile.
Asadar va asteptam la www.invitatiicreative.com pentru a alege invitatia speciala din lista “Invitatii nunta mea”.

Astăzi vom crea o funcţie simplă cu ajutorul librăriei jQuery. Ne vom folosi de fişierul creat pentru colţuri rotunjite, astfel încât să fie totul mai uşor de înţeles.

Vom folosi o funcţie care să facă să dispară/apară #coltrotunjit şi care să modifice anumite parametri din cadrul CSS.

Pentru a folosi jQuery, va trebui să încărcăm în librăria (o puteţi descărca împreună cu exemplul la sfârşitul tutorialului).

Codul CSS va fi acelaşi ca în tutorialul anterior :

#coltrotunjit
{
width:100px; /* latimea va avea 100px */
height:50px; /* inaltimea va avea 50px */
background:#ff0000; /*culoarea va fi rosie*/
padding:5px;
border-radius:5px;
-moz-border-radius:5px; /* pentru versiunile vechi de mozilla */
-webkit-border-radius:5px;/* pentru versiunile vechi de google chrome si safari */
}

#coltrotunjit p
{
text-align:center;
color:#fff;
font-size:14px;
}

Am adăugat codul pentru scriptul jQuery în secţiunea , iar acestaeste explicat linie cu linie astfel încât să fie mai uşor de înţeles :

În afară de toggle() se pot folosi şi alte funcţii cum ar fi show(), slideUp(), slideDown(), hide() etc. Mai multe efecte găsiţi aici şi aici.

Codul HTML este foarte simplist. Am scos textul din #coltrotunjit pentru că în momentul în care este apăsat va dispărea tot ce este în interiorul acelui div, adică şi textul. La primul click pe Apasa! div-ul va dispărea, la următorul click va apărea şi tot aşa 🙂

 

Apasa!

DEMO | DOWNLOAD

Am deschis un mini-blog in cadrul website-ului nostru. Platforma utilizata este a celor de la WordPress. Speram ca prin intermediul acestui blog sa va ajutam cu tutoriale si sfaturi legate de webdesign. Sa ne auzim cu bine la urmatorul post 🙂