|
 |
|
|
(x)
(x)
Blogvilág java
Linkek
Saját blogok: Olvasásra ajánlott blogok:Partnerek
Szerzői jogok
Blogvilág by xSolutions is licensed under a Creative Commons Attribution 2.5 Hungary License.
Ezen a héten 10 olyan linket adok közre, amelyek alkalmazásával szebbé, jobbá, csinosabbá varázsolhatjátok weboldalatokat, blogotokat.
- CSS Decorative Gallery
A leírt technikák segítségével kereteket, rögzítő elemet adhatunk a képeinknek. Nekem legjobban a rajzszöges megoldás tetszik, de a celuxos megoldás sem rossz. - Idézőjel az idézethez (blockquote)
blockquote:first-letter {
background: url(images/open-quote.gif) no-repeat left top;
padding-left: 18px;
font: italic 1.4em Georgia, "Times New Roman", Times, serif;
}
Az idézőjelet a képhez a google images segítségével találhatjátok meg a leggyorsabban, válasszátok ki a nektek tetszőt.
- Iniciálé
p.introduction:first-letter {
font-size : 300%;
font-weight : bold;
float : left;
width : 1em;
}
<p class="introduction"> Bevezető gondolat</p>
Írásos munkákban az iniciálé a mű, a fejezet vagy a paragrafus első betűje, amely általában nagyobb a szöveg többi karakterénél. Az iniciálé szó a latin initialis szóból származik, melynek jelentése elől áló, kezdet. Az iniciálék gyakran több sornyi magasak, a középkori kódexek és a korai nyomtatott könyvek fejezeteinek vagy bekezdéseinek élén figurákkal vagy jelenetekkel gazdagon díszítettek.
- Felsorolások
<ol>
<li><p>Egy </p></li>
<li><p>Kettő</p></li>
<li><p>Három</p></li>
</ol>
ol {
font: italic 1em Georgia, Times, serif;
color: #999999;
}
ol p {
font: normal .8em Arial, Helvetica, sans-serif;
color: #000000;
}-
Egy
-
Kettő
-
Három
-
- Függőlegesen középre igazított szöveg
div{
height:100px;
}
div *{
margin:0;
}
div p{
line-height:100px;
}
<p>Tartalom</p>
Tartalom
További érdekes témák, ötletek a Blogfórumon.
Eddig 10 komment érkezett
(
)
Mondj valamit
A szövegben nem lehet HTML-t használni, a linkeket pedig automatikusan aláhúzzuk. Az email cím megadása kötelezõ, de az oldalon nem jelenik meg. Ha van felhasználóneved, itt bejelentkezhetsz.
Az IP címedet megjegyezzük, de ezt csak a komment spam jellegének vizsgálatához használjuk fel.
1. Tupacko 2008. 06. 05. 17:14
A hármas és ötös pontok sajnos eltérő eredményt adnak az IE 6, IE 7 és FF 2.0.0.14 esetében. Kis eltolódások, egymásra mászott szöveg, nem középen lévő tartalom.
2. Varsányi Martina 2008. 06. 05. 19:53
@Tupacko: Te hogy csinálnád? A hármast több CSS gallériában is néztem, mindenhol ezt a kódot láttam.
3. Tupacko 2008. 06. 06. 10:46
A hármas problémát ez megoldja:
font-size : 300%;
font-weight : bold;
font-style: italic;
line-height: 100%;
float : left;
clear: left;
margin: 0;
padding: 0.15em;
A gond az volt, hogy pl. IEben a karakter teteje és bal széle meg volt csonkítva. A line-height erre szolgál megoldást. A dölt betűk jobban találnak első betű formázásként, azért tettem be. A clear módosítás azért került be, hogy több, rövid szöveg egymás alá kerülésekor ne tolodjanak az alsó szövegek jobbra, hanem kezdjenek új sort. A nullás margó és egy kis padolás azért került be, hogy tolja a betűket nagyjábol azonos helyre a különféle böngészkőkben.
4. Varsányi Martina 2008. 06. 08. 16:19
Tupacko: köszönöm a kiigazíást.
5. Tupacko 2008. 06. 09. 12:23
Nagyon szívesen :)
6. Csoki 2008. 08. 07. 16:13
Az iniciálé nagyon tetszik! Köszönöm!
Bár Wordpress-hez még betettem ezt:
margin-right:3px;
margin-top:5px;
így szebben néz ki!
7. Varsányi Martina 2008. 08. 16. 13:33
Csoki: használd egészséggel, és köszi a tippet.
8. Csoki 2008. 08. 19. 19:24
Sajnos a felsorolás valamiért nem működik. Kipróbáltam egy posztomnál, de nem lett olyan szép mint ahogy nálad látható...
9. Varsányi Martina 2008. 08. 19. 21:12
Melyik posztnál? Néztem a weboldalad, de nem találom. Ha tudok valamiben segíteni, nyugodtan keress meg emailben.
10. Csoki 2008. 08. 20. 9:45
megtörtént, a profilodban látható mail címre!
Előre is köszi