ugrás a tartalomhoz

Két keret két színnel

poise · 2011. Aug. 26. (P), 18.31
Sziasztok!Nem tudom, hogy létezik-e ilyen, de szeretnék két keretet különböző színnel.Szóval van az egész body és szeretnék egy vastag külső fekete keretet és belé egy vékonyabb szürkét CSS-el.Valaki tud segíteni?
‹ Iframe hírdetés elrejtésének tíltása - ›
 ■
1

Border + outline?

H.Z. v2 · 2011. Aug. 26. (P), 18.48
Border + outline?

x { border: 10px solid black; outline: 1px solid silver; }

Valahogy így, ha jól értem, mit szeretnél.
2

Hát ez nem működik.Lehet,

poise · 2011. Aug. 26. (P), 18.57
Hát ez nem működik.Lehet, hogy az a gond, hogy én a Blogger.com szolgáltatónál vagyok és a HTLM kódja a blogomnak kicsit más.Már van egy keretem, de egyszerűen ha ezt az outline-es módszert használom az egyik keret kiszorítja a másikat.

body {
font: $(body.font);
color: $(body.text.color);
background: $(body.background);
border: solid 20px black
}
3

Na jó, a blogger.com-ról úgy

H.Z. v2 · 2011. Aug. 26. (P), 19.03
Na jó, a blogger.com-ról úgy egyébként is megvan a magam jól kialakult, nem túl pozitív véleménye, de esetleg még egy tipp:

border+background-color+padding egy külső elemre (span v. div) és abba tenni a keretezendő cuccot.

Mellesleg ezek a $(...) izék nem valami jquery-s dolgok?
4

Hát azt elhiszem mert tényleg

poise · 2011. Aug. 26. (P), 19.25
Hát azt elhiszem mert tényleg vannak "dolgai" a blogger-nek.
Ez a div-es módszer meg azért nem jó mert itt így egymás alá vannak besorolva a cuccok, és kapcsos zárójellel vannak zárva.Egyébként nem tudom, mik azok a $ jelek.
/* Content
----------------------------------------------- */
body {
font: $(body.font);
color: $(body.text.color);
background: $(body.background);
border: solid 20px black
{


html body .content-outer {
min-width: 0;
max-width: 100%;
width: 100%;
}

a:link {
text-decoration: none;
color: $(link.color);
}

a:visited {
text-decoration: none;
color: $(link.visited.color);
}

a:hover {
text-decoration: underline;
color: $(link.hover.color);
}

.body-fauxcolumn-outer .cap-top {
position: absolute;
z-index: 1;

height: 276px;
width: 100%;

background: transparent $(body.background.gradient.cap) repeat-x scroll top left;
_background-image: none;
}
5

Mondd, te felfogtad

H.Z. v2 · 2011. Aug. 26. (P), 20.25
Mondd, te felfogtad egyáltalán, hogy mit írtam?
Ez amit idemásoltál, egy style-sheet-féleség, amiben csak a CSS kódok vannak leírva, megfejelve valamivel, ami lehet, hogy jQuery, lehet, hogy csak a blogger.com template rendszerének része ( Ezek a $( ... ) bejegyzések )

Amiről én beszéltem: ahol keretezni akarsz, ott beraksz egy <div class="...">...</div> vagy egy <span class="...">...</span> párost a keretezendő elem köré és a class után megadott névhez elkészíted az általam vázolt CSS-t.
6

Hát figyelj, amatőr vagyok

poise · 2011. Aug. 26. (P), 20.43
Hát figyelj, amatőr vagyok szóval valószínű, hogy félre értelek.nekem az kell, hogy meg mond mit, és hova tegyek de (gondolom) te így látatlanul nem tudod én hova szeretném a dupla keretet.Csak annyit tudok mondani, a Body köré szeretném css kóddal.
7

:)

Yap · 2011. Aug. 26. (P), 21.50
A body körül a böngésződ van... aztán a monitor... és így tovább... outline az kívül lenne, azért nincs... Nem lesz dupla keret html kód belenyúlás nélkül... de azt nem javaslom neked... (pláne hogy nem html...) :D

esetleg a "border: solid 20px #színkód;" sort szúrd be a "html body .content-outer" kapcsos zárójelei {} közé valahova új sorba.

a színkód szót meg cseréld le egy hat jegyű számra, vagy ABCDEF betűket is használhatod... :D

Ettől valamin lesz még egy keret... De ezen lehet kettő is akár :D outline-al... :D

a body ra szerintem a border se megy rá, mondjuk nincs is lezárva! ";"

css leírás meg pl itt: http://www.w3schools.com/css/

meg még jóbarát a google...

ennyi (szerintem inkább írj ott, ne rajzolj! - egy dupla kerettől nem lesz jobb a blogod...) :)