ugrás a tartalomhoz

Bejegyzés keret

perec12 · 2011. Nov. 27. (V), 12.09
Sziasztok! Van egy blogom és (blogger.com-os) és szeretnék keretet a bejegyzéseim köré.De nem simát hanem lekerekítettet ami csak a bejegyzés egyik oldalát és alját vonja körül, a többi rész pedig legyen simán félig lekerekített fehér.( olyan mint pl. itt: http://agirllikeme.tally-weijl.com/) Elég kezdő vagyok, szóval nagy segítséget kérnék.Aki türelmes és ráért az segítsen! :)
‹ Teljesítménymérés Böngészőspecifikus css ›
 ■
1

Ez tipikusan olyan kérdés

kuka · 2011. Nov. 27. (V), 13.03
Ez tipikusan olyan kérdés amelyre UTSL-t szoktak válaszolni. Azaz „Use The Source, Luke”.

Ha már találtál egy olyan oldalt ahol pont az a formatervezési effektus van megvalósítva amit te is szeretnél, akkor miért nem nézed meg a megoldást az adott oldal forráskódjában?

A HTML-ből megtudod, hogy az effektus az article tag cicomázásával lett elérve, a
CSS-ből pedig kilesed, hogy milyen cicomákat aggattak rá:

article {
  padding: 18px;
  background: #fff;
  -moz-border-radius-topleft: 0px;
  -moz-border-radius-topright: 80px;
  -moz-border-radius-bottomright: 15px;
  -moz-border-radius-bottomleft: 15px;
  -webkit-border-radius: 0px 80px 15px 15px;
  border-radius: 0px 80px 15px 15px;
  -webkit-box-shadow: 3px 4px 0px 2px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 3px 4px 0px 2px rgba(0, 0, 0, 0.1);
  box-shadow: 3px 4px 0px 2px rgba(0, 0, 0, 0.1);
  width: 654px
}
Téged innen a border-radius és box-shadow tartalmú sorok érdekelnek.
2

húú ez működik :) köszi

perec12 · 2011. Nov. 27. (V), 17.47
húú ez működik :) köszi szépen :D
És ha szeretném, hogy a rózsaszín fül is benne legyen, akkor mit másoljak ki?? (és hova) :)
3

És ha szeretném, hogy a

kuka · 2011. Nov. 27. (V), 18.50
És ha szeretném, hogy a rózsaszín fül is benne legyen, akkor mit másoljak ki?? (és hova) :)
Próbáltál is valamit kideríteni róla?

Az egy háttérkép. Mivel a témákhoz tartozó képek különálló felhasználását alkalomadtán korlátozzák a jogi feltételekben, én előbb utánanéznék, hogy el szabad-e emelni.
5

Egyszerre valaszoltunk x) Mas

Leonuh · 2011. Nov. 27. (V), 18.52
Egyszerre valaszoltunk x) Mas oldalrol kozelitettuk meg a valaszt :)
7

Mas oldalrol kozelitettuk meg

kuka · 2011. Nov. 27. (V), 18.59
Mas oldalrol kozelitettuk meg a valaszt :)
Tulajdonképpen én azért késlekedem eddig, mert kipróbáltam hogyan lehetne megoldani kizárólag CSS-el. De aztán az átlós vonal felhúzott, mert nem sikerült egyeztetni a magasságát a szöveg magasságával.
4

El foglak szomoritani de az

Leonuh · 2011. Nov. 27. (V), 18.51
El foglak szomoritani de az sajnos ott (hatter)kep, de modern bongeszokre cssel is meg lehet valositani. Border radius, es linear-gradient segitsegevel :)
6

Eh, nem kell oda

kuka · 2011. Nov. 27. (V), 18.56
Eh, nem kell oda linear-gradient. Az ősöreg border-color is megteszi. Lásd például Using borders to produce angled shapes.
8

Plusz elem es pseudo

Leonuh · 2011. Nov. 27. (V), 19.09
Plusz elem es pseudo felhasznalasa nelkul nehezen, de a megkozelites kituno :)
9

Eddigi alkalmazásokkor nem

kuka · 2011. Nov. 27. (V), 19.17
Eddigi alkalmazásokkor nem voltak ilyen illesztés gondjaim a mérettel. Nem tudom most mit bambulok el. De a te linear-gradient ötleted valószínűleg jobb, mert így fáradtan is simán összejött.
10

Csak, hogy ne a levegobe

Leonuh · 2011. Nov. 27. (V), 19.45
Csak, hogy ne a levegobe beszeljek :)

Gradient: http://jsfiddle.net/yRFNY/
Pseudo: http://jsfiddle.net/MYbTP/

Remelem ti is latjatok melyik a "szebb" es "korszerubb" ;)
11

Transparentet hasznalj,

Leonuh · 2011. Nov. 27. (V), 19.47
Transparentet hasznalj, illetve prefixet hanyagoljuk, egyebkent GJ ! :)
12

A background-size jobb

Leonuh · 2011. Nov. 27. (V), 19.54
A background-size jobb egyebkent mint a % (bar ugyanazt kapjuk), csak lusti voltam :)
13

Ez működik csak az a baj,

perec12 · 2011. Nov. 29. (K), 17.37
Ez működne csak az a baj, hogy a blogger drága egyátalán nem így osztja fel divekre a blogomat így nem is működik.Szóval azt kéne megfejteni, hogy hogy írjam át az osztályokat, hogy működjön...