Egyszerű szövegdoboz
2014. 11. 16. Hoztam egy teljesen egyszerű szövegdobozt, amit nagyon könnyen lehet a CSS kóddal alakítani, egyedivé tenni és használni :) Sokan kértétek, hogy hozzak már valami egyszerűt is, így most ezt hoztam. A kódja itt található: Kódok - Szövegdobozok - Egyszerű szövegdoboz
Egyszerű szövegdoboz
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. Typi non habent claritatem insitam; est usus legentis in iis qui facit eorum claritatem. Investigationes demonstraverunt lectores legere me lius quod ii legunt saepius. Claritas est etiam processus dynamicus, qui sequitur mutationem consuetudium lectorum. Mirum est notare quam littera gothica, quam nunc putamus parum claram, anteposuerit litterarum formas humanitatis per seacula quarta decima et quinta decima. Eodem modo typi, qui nunc nobis videntur parum clari, fiant sollemnes in futurum.
dátum helye
| 2014.11.16. 09:34, LindaDesign |
Egérre nyíló szövegdoboz
2014. 11. 09. Találtam a Dynamicdrive-on egy újabb nagyon jó kis szövegdobozt, amit kicsit átszerkesztve megosztok veletek. A kód és a leírása itt található:
Kódok - Szövegdobozok - Egérre lenyíló szövegdoboz
-
Szerkeszd meg a szövegdoboz tartalmát. Lehet egyből abban a modulban, ahova a doboz kódját másoltad, de elkészítheted külön egy új egyszerű modulban is, és aztán forráskódból kimásolod a megírt tartalmat és beilleszted itt a tartalom helye részhez. Ebbe a dobozba is bármi tehető. Kép, szöveg, menü, stb. Ezen a szövegdobozon nem szép, ha van oldalt görgetősáv, így ne lépje túl a tartalom a szövegdobozod magasságát. Ez csak egy javaslat természetesen. A javascript kódot úgy ahogy van másold be oldalad egyszerű moduljába. Ebben a kódban tudod a doboz magasságát állítani ennél a résznél: {peekw:'30px', fullw:'450px', h:'300px'}
A h:300px jelöli a magasságot. Azt az egyet átírhatod.
-
-
-
| 2014.11.09. 08:00, LindaDesign |
Egy szóra lenyíló szövegdoboz
2014. 11. 08. Egy újabb praktikus szövegdobozt hoztam. Egyszerű, jól mutat és teljesen egyedi lehet vele a portálod. Egy adott szóra vagy mondatra ha ráviszed az egeret (nem kell rákattintani), akkor lenyílik egy szögegdoboz, amibe bármi tehető ugyanúgy, mint egy sima egyszerű modulba. A kód és a leírása itt található: Kódok - Szövegdobozok - Szóra lenyíló szövegdoboz
Hozd az egeret erre a mondatra :)
Ha a szövegre húzod az egeret (nem kell ráklikkelni) felugrik egy szövegdoboz, amibe bármit tehetsz. Képet, szöveget, chat-et, akármit. Először szerkeszd meg a szövegdoboz tartalmát egy egyszerű modulban. Ha késznek nyilvánítod, akkor a forráskód nézetből másolj ki mindent és illeszd be a szövegdoboz kódjába az ide jön a tartalom helyére.
Forrás
| 2014.11.08. 20:32, LindaDesign |
Kattintásra lenyíló szövegdoboz
2014. 10. 27. Elég sok kérdést kaptam, hogyan lehet olyan szövegdobozt készíteni, hogy ha rákattintasz egy szóra pl. akkor lenyílik a doboz. Hoztam hozzá egy kódot. Az alap kód a Dynamicdrive-ról van, de hozzá a CSS kódot én írtam meg. A kód itt található: Kódok - Szövegdobozok - Kattintásra lenyíló szövegdoboz
| 2014.10.27. 09:13, LindaDesign |
Blogra bemutatkozó szövegdoboz 2.
2014. 10. 11. Hoztam egy újabb nagyon jól kinéző egyedi szövegdobozt, ami természetesen nem csak blogra használható, hanem bármilyen oldalra, bármilyen információs doboznak. A szövegdoboz itt található: Kódok - Szövegdobozok - Blogra bemutatkozó szövegdoboz 2.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque tortor purus, ullamcorper quis dui nec, iaculis blandit nunc. Suspendisse metus est, molestie in auctor ut, tristique vitae sem. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin tempus interdum ipsum sit amet imperdiet. Sed dolor nulla, placerat at molestie sed, maximus id mi. Donec aliquet lorem ipsum, sit amet sagittis purus sagittis vitae. Fusce massa urna, lacinia in posuere sit amet, laoreet vitae lacus. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Mauris scelerisque iaculis nunc. Duis porta velit et orci gravida cursus. Suspendisse sollicitudin eget sapien ut elementum. Quisque tempus auctor ligula ac fringilla. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas facilisis eu elit nec lobortis.
| 2014.10.11. 11:32, LindaDesign |
|
AJÁNLOM AZ OLDALT
