Kezdőoldal » Számítástechnika » Weblapkészítés » Hogy lehet betenni a blogom...

Tomi Gero kérdése:

Hogy lehet betenni a blogom hátterének ezt a képet? Css lent

Figyelt kérdés

[link]

/*## Body ## Body class attributes */

body { background: #000000 repeat-y scroll 0 0; }

background: [link] ) top center no-repeat;

input { border:solid; border-width:1px; border-color:#d6d6d6; font-size:13px; font-weight:normal; font-family:Arial; color:red; padding-top:1px; padding-left:3px; }

img { border:none; border-color:black; }

pre { color: red; } body { color: red; }

/*## General tags ## */

div { padding:0px; margin:0px; }

hr { display:none; }

a { color:#0a6ecc; text-decoration:none;font-weight: bold; }

a:hover { background-color:black; color: red;}

p, li, blockquote, dd, dt { line-height:135%; }

blockquote

{

background-color:"#000000;" ;

border-bottom: 1px solid #ccc;

border-top: 1px solid #ccc;

margin: 20px 25px;

padding: 10px;

font-style: italic;

}

blockquote p

{

color:black;

font-style:italic;

margin:0;

}

{

margin:0 0 15px 0;

color:#444;

display: block;

}

ul, li

{

list-style-type:none;

color:#444;

margin:0;

padding:0;

}

ol li

{

list-style-type:decimal;

}

li { margin-left: 32px; }

ul { margin-bottom: 8px; }

code

{

background-color: red;

border: 1px solid #ccc;

color:#333;

display:block;

margin: 20px 25px;

padding: 10px 10px 10px 21px;

/* black-space:pre;*/

}

h1, h2, h3 { letter-spacing:1; margin:2px; }

{

font-size:30px;

}

{

margin-top:16px;

margin-bottom:0px;

font-size:24px;

}

{

color:#bbb;

margin-top:0px;

padding-bottom:6px;

font-size:20px;

}

h1, h1 a { color: red; text-decoration:none; }

h1 a:hover { background-color:none; color: black}

h2, h2 a {

color:#0A6ECC;

text-decoration:none;

font-family: Verdana;

font-size: 30px;

font-weight: normal;

}

h2 a:hover { background-color:#FFF; color: #0A6ECC}

h3 a { color:red; text-decoration:none; }

h3 a:hover { background-color:Navy; color:C03 }

dt { font-weight:bold; }

dd { margin:3px 0 10px 0; }

/*## Page Header ## Styles for page header */

div#pageHeader {

padding: 8px;

padding-left: 16px;

float: left;

width: 550px;

}

div#pageHeader h1 {

font-family: helvetica, arial;

font-size: 36px;

color: white;

}

div#pageHeader h1 a {

color: #FFF;

font-family: Verdana;

font-size: 48px;

font-weight: normal;

text-shadow: #000 2px 2px 2px;

}

div#pageHeader h3 {

color: #9fa1a1;

font-family: Verdana;

font-size: 13px;

font-weight: normal;

line-height: 20px;

height:60px;

}

div#pageHeader div.notes {

font-size: 12px;

float: right;

color: #000;

}

/*## Page Footer ## Styles for page footer */

/*## Page Layout ## */

div#wrapper /* Main red content zone */

{

width: 940px;

margin: 0px;

margin: 0 auto;

padding: 0px;

overflow: hidden;

}

div#rightWrapper {

width: 330px;

float:right;

background: url(img/bg-sidebar.png);

background-repeat: no-repeat;

background:url(" [link] no-repeat scroll 0px -16px transparent;

margin-top:59px;

}

div#mainWrapper {

width: 600px;

float:left;

overflow:hidden; word-wrap: break-word;

}

div.leftIn {

padding: 8px;

width: 960px;

margin: 0 auto;

}

div.rightIn { background-color: #fff; width: 310px; margin-left: 10px; margin-top:10px;font-size: 12px;padding-top:15px; }

div.mainIn { }

/*## Post ## attributes for blog posts */

div.post

{

margin-bottom: 40px;

overflow:hidden; word-wrap: break-word;

background:url(" [link] no-repeat scroll left bottom transparent;

margin-bottom:8px;

width:600px;

}

div.post img

{

float:left;

margin-right:10px;

}

/* \*/

* html div.post {

height: 1%;

}

/* */

div.post h3.tags { font-size: 17px }

div.post h3.tags a { color:black; text-decoration:none; }

div.post h3.tags a:hover { background-color:#ff9900; color: #000000}

div.post img {

border-bottom:5px solid #2f3133;

}

div.post img.imgright { text-align:left; float:left; margin-leftt: 0px; margin-left: 12px; }

div.post img.imgleft { text-align: left; float:left; margin-left: 0px; }

div.post img.imgnotext { text-align: middle; float:none; margin: 5px auto; display: block; }

div.post div.entry

{

margin-bottom: 6px;

width: 560px;

margin-left: 20px;

}

div.entry p {

font-family: Arial;

line-height: 20px;

font-size: 14px;

color: #4c4c4c;

}

/*## Pager ## */

div.pager {

font-weight: bold;

display: inline;

}

div.prev {

float: right;

}

div.next {

float: right;

}

/*## Sideboxes ## Styles for sideboxes */

div.box

{

border: 0px solid red;

margin-bottom: 16px;

overflow:hidden; word-wrap: break-word;

/* padding-right: 8px;*/

}

div.box h3

{

color:#FFF;

background: #2f3133;

font-family: Arial;

font-size: 18px;

font-weight: normal;

padding: 5px 10px 4px 10px;

}

div.box li { margin-left: 4px; }

div.box ul {

padding-left: 8px;

margin-top: 8px;

margin-bottom: 8px;

}

div.box ul ul{

margin-left: 8px;

padding-left: 8px;

margin-top: 0px;

margin-bottom: 0px;

}

div.box form {

margin-top: 0px;

margin-bottom: 0px;

}

div.box .dimmed

{

color: #aaa;

font-size: 100%;

}

div.box input.SearchField

{

background-color: #eee;

border: 1px solid #ccc;

padding: .5ex;

width: 92%;

margin: 0ex;

}

/*## Calendar ## Styles for calendar */

/* Calendar: */

caption.bCalendarCaption { border: 1px solid #ccc; background-color: #eee; border-bottom: 0px; }

table.bCalendarTable { border: 1px solid #ccc; border-collapse: separate; }

table.bCalendarTable a { color:#0087c9; text-decoration:none; }

table.bCalendarTable a:hover { background-color:#0087C9; color: #ffffff}

table.bCalendarTable tfoot td { background-color: #eee; border-top: 1px solid #ccc; }

table.bCalendarTable tfoot a { text-decoration: none; }

table.bCalendarTable tfoot a:hover { background-color:#0087C9; color: #ffffff }

th.bCalendarHeaderCell { color: #ccc; font-weight:normal; }

#bCalendarToday { background-color: #85d8ff; }

/*## Comments ## Styles for comment area */

/* \*/

* html div.comment {

height: 1%;

}

/* */

h3.comment {

color:#2C2C2C;

font-family:Italic;

font-size:20px;

font-weight: normal;

margin-left: 20px;

}

div.commentsBg h1 { font-size: 14px; font-weight:700; letter-spacing:0; }

div.commentsBg h1, div.commentsBg h1 a { text-decoration:none; }

div.commentsBg h1 a:hover { color: #0A6ECC; text-decoration:none; }

.commentHeadURL { font-weight: normal; font-family: helvetica, arial, sans-serif; font-size: 11px; color: white;}

span.commentTime a { font-weight: normal; font-size: 11px; color: #4c4c4c;}

span.commentTime a:hover { color: #2c2c2c; background-color: #aaa}

span.commentTime a:visited { color: #4c4c4c;}

div.commentText { margin-top: 4px; }

input.bComment,

textarea.bComment

{

background-color:#FAFAFA;

border:1px solid #EAEAEA;

width: 97%;

padding: 2px;

margin: 0ex;

}

textarea.bComment { width: 94% }

select.bComment /* Used by the profile form */

{

background-color: black;

border: 1px solid red;

padding: 1px;

margin: 0ex;

}

form.bComment /* New comment form */

{

margin: 1ex 2ex;

padding: 0 1ex;

border: 0px;

}

div.more {

/* background:url(" [link] repeat scroll left 59px transparent;*/

}

#pageFooter {

background: #000 url( [link]

width: 100%;

min-height: 260px;

border-top: 6px solid #000;

float: left;

margin-top: 20px;

}

.inbox {

padding: 0;

font-family: Arial;

font-size: 13px;

line-height: 20px;

}

.inbox p {

margin: 10px;

}

.inbox ul {

margin-left: 0px;

margin-right: 10px;

}

h3.date {

border-bottom: 5px solid #2f3133;

width: 560px;

margin-left: 20px;

font-family: Verdana;

font-weight: normal;

color: #2c2c2c;

font-size: 14px;

}

h3.date a {

font-weight: normal;

font-family: Verdana;

font-size: 14px;

}

#promobox_container div {

text-align: left !important;

}

.fb_edge_widget_with_comment {

margin-left:20px;

margin-bottom: 30px;

width: 410px;

}

a {

background: none !important;

}

div.cms {

float:right;

font-size:13px;

font-weight:normal;

margin-right:20px;

margin-bottom: 30px;

text-align:right;

width:130px;

}

div.cms a {

}

a.more {

font-family: Arial;

font-size: 14px;

margin-left: 20px;

}

div.cms a {

font-family: Arial;

font-size: 12px;

font-weight: normal;

color: #0a6ecc;

}

div.cms a span {

color: #4c4c4c;

font-weight: bold;

}

.mainIn h2 {

margin-left: 20px;

}

#promobox_container {

margin: 10px;

font-weight: normal;

}

#xml {

margin-left: 10px;

}

.inbox iframe {

margin-left: 10px;

}

.widget_tags .inbox {

margin: 10px;

}

span.tagfrequency {

color: #4c4c4c;

}

div#leftWrapper {

border: 0px;

float:left;

width: 100%;

}

div#leftWrapper ul li {

float: left;

}

div#leftWrapper .inbox {

background: none;

color: #FFF;

}

div#leftWrapper .box {

width: 310px;

margin-left: 10px;

float: left;

}

div#leftWrapper div.box.widget_tagfeed {

width: 620px;

line-height: 20px;

}

div#leftWrapper div.box h3 {

background: none;

font-family: Verdana;

font-size: 24px;

color: #FFF;

}

div#leftWrapper div.box a {

color: #FFF;

}

div#leftWrapper div.box.widget_tagfeed a {

color: #FFF;

}

div#leftWrapper div.box ul li{

color: #FFF;

margin-top:2px;

}

div#leftWrapper div.box ul li a {

color: #6EA6DA;

}

div#leftWrapper div.box ul {

margin-top: 20px;

}

div.related {

background:url(" [link] no-repeat scroll left bottom transparent;

margin-bottom: 20px;

}

div.related p {

margin-left: 20px;

font-family: Verdana;

font-size: 20px;

color: #2c2c2c;

margin-bottom: 10px;

}

div.related p strong {

font-weight: normal;

}

div.related ul li {

margin-left: 20px;

}

div.related ul {

margin-bottom: 15px;

}

div.related a {

font-family: Verdana;

font-size: 12px;

}

div.commentsBg {

border: none;

/* background:url(" [link] no-repeat scroll left bottom transparent;*/

margin-bottom: 20px;

}

div.comment

{

margin-left: 20px;

color: #0A6ECC;

/* min-height: 67px;*/

}

.blh-billboard-ad {

margin-bottom: 20px;

}

div.owncomment

{

}

#comment_container .commentsBg {

background: none;

}

#comment_container .comment {

background: url(" [link] no-repeat scroll left bottom transparent;

margin-left:0;

margin-top:10px;

padding:0 20px 25px;

color: #4c4c4c;

}

div.info a {

font-weight: normal;

}

div.info strong {

color: #4c4c4c;

}

div.label {

color: #4c4c4c;

}

.commentAuthor a {

color: #2c2c2c;

}

div.commentFooter {

margin-top: 10px;

font-family: Arial;

font-size: 12px;

}

p.radar_status {

margin:0 10px 10px 135px;

}

p.comments_feed_link {

margin:0 10px 10px 135px;

}

#followinglinks {

padding-bottom: 20px;

}

#followinglinks a {

font-size: 12px;

font-weight: normal;

}

div.tagcloud {

margin: 20px 0px 0px 20px;

}

div.tagcloud h3 {

color: #6c6c6c;

}

div.tagcloud h3 a {

font-weight: normal;

}

/* Facebook share gomb javítás */

div .fb_share_btn {

background-image: url(" [link]

}

#blog #CSS

2012. aug. 19. 16:20

1/4 anonim

válasza:

body { background: #000000 repeat-y scroll 0 0; }

background: [link] top center no-repeat;

Előbb zárod le a body-t mint kellene:

body {

background: url( [link] top center no-repeat #000000;

}

2012. aug. 19. 16:31

Hasznos számodra ez a válasz?

2/4 A kérdező kommentje:

kösz! müködik bár nem néz ki olyan jól

2012. aug. 19. 16:58

3/4 compactegon

válasza:

persze, mert te szépen betetted az egy darab képedet háttérnek, míg az eredeti kép alapján feltételezhető, hogy az legalább 3 részből, és dobozból áll a honlapon :)

2012. aug. 20. 19:43

Hasznos számodra ez a válasz?

4/4 A kérdező kommentje:

[link]

2012. aug. 20. 19:47

Kapcsolódó kérdések:

FLASH! Két kérdésem volna. Az egyik, hogy egy flash zene lejátszót szeretnék egy flash oldalba betenni. A flash lejátszó html embed kódját, hogyan tudom betenni? Mi a megoldás?

Hogyan tudnék biztonsági kérdést betenni a weboldalamba, hogy csak akkor küldje el az adatokat az adatbázisnak, ha a kérdésre jól válaszoltak?

HTML hátteret hogy lehet betenni?

A samsung s5230-nál egy pannon-os oldalon oda van irva hogy "személyre szebható menü" itt arra érti hogy oda rendezem a dolgokat ahova akarom vagy csak a képet lehe...

Hogyan kell Wordben egy képet betenni az oldal háttérének úgy, hogy ha van rajta egy ember, az középen legyen, és ne lógjon le?

Hogyan lehet egy képet betenni egy táblázat hátterének?

Számítástechnika főkategória kérdései »

Számítástechnika - Weblapkészítés kategória kérdései »

A weboldalon megjelenő anyagok nem minősülnek szerkesztői tartalomnak, előzetes ellenőrzésen nem esnek át, az üzemeltető véleményét nem tükrözik.
Ha kifogással szeretne élni valamely tartalommal kapcsolatban, kérjük jelezze e-mailes elérhetőségünkön!