Kezdőoldal » Számítástechnika » Weblapkészítés » Hogy lehetne megváltoztatni a...

Tomi Gero kérdése:

Hogy lehetne megváltoztatni a blogom háttérszínét? (css kód lent)

Figyelt kérdés

<br />

<style type="text/css">body {cursor: url( [link] }</style>

<p>

@import url( [link] Import basic styles */

@import url( [link] Import basic styles */

@import url( [link] Import basic styles */


/********** =defaults **********/


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


body

{<style type=text/css>

body{background-image:url(" [link] "");

bgcolor="black

background-position:center center;

background-repeat:no-repeat;

background-attachment:fixed;}

</style>

}


/*## General tags ## */


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


hr { display:none; }


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

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


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


blockquote

{

background: #f8f8f8;

border-bottom: 1px solid #ccc;

border-top: 1px solid #ccc;

margin: 20px 25px;

padding: 10px;

font-style: italic;

}


blockquote p

{

color:#333;

font-style:italic;

margin:0;

}


p

{

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;

/* white-space:pre;*/

}


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


h1

{

font-size:30px;

}


h2

{

margin-top:16px;

margin-bottom:0px;

font-size:24px;

}


h3

{

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:#0A6ECC; text-decoration:none; }

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


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("img/bg-sidebar.png") 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("img/bg-post-foot.png") 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:Verdana;

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: #eee;

border: 1px solid #ccc;

padding: 1px;

margin: 0ex;

}


form.bComment /* New comment form */

{

margin: 1ex 2ex;

padding: 0 1ex;

border: 0px;

}


div.more {

/* background:url("img/bg-post-foot.png") repeat scroll left 59px transparent;*/

}


#pageFooter {

background: #000 url(img/bg-pattern.png);

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("img/bg-post-foot.png") 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("img/bg-post-foot.png") 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("img/bg-post-foot.png") 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]

}



2012. júl. 3. 17:38
 1/5 A kérdező kommentje:
2012. júl. 3. 17:49
 2/5 anonim ***** válasza:

body

{<style type=text/css>

body{background-image:url(" [link] "");

bgcolor="black"

background-position:center center;

background-repeat:no-repeat;

background-attachment:fixed;}

</style>

}



bgcolor="black" helyére színnevet vagy esetleg színkódot írsz.

2012. júl. 3. 18:29
Hasznos számodra ez a válasz?
 3/5 Drone007 ***** válasza:

"bgcolor" css stílus nincs.

Cseréld le erre: background-color: <szin kód>;

De a háttér formázását össze is vonhatod nyugodtan:

body {

background: #FFCC00 url(" [link] "") no-repeat center fixed;

}

2012. júl. 4. 07:38
Hasznos számodra ez a válasz?
 4/5 A kérdező kommentje:
a betűk színét hol lehet megváltoztatni (pl. a poszt nevének a színét)?
2012. júl. 5. 20:35
 5/5 A kérdező kommentje:

Nem müködik! Itt is át kéne írni valamit?

<a href="https://www.facebook.com/pages/Whatahellbloghu/307555752654559">

<img src="http://kepfeltoltes.hu/120626/cooltext721347711_www.kepfeltoltes.hu_.gif""link src=:http://whatahell.blog.hu/" />

<TITLE>What a hell? Like!</TITLE>

<div class="notes"><blh:blog_notes /></div>

<h3><blh:blog_tagline /></h3>

<blh:head_required />

<blh:body_required />

<div id="wrapper">


<div id="pageHeader">

</div>

<div id="rightWrapper">

<div class="rightIn">

<blh:rightboxes />

</div>

</div>

<div id="mainWrapper"><div class="mainIn">

<blhc:postloop>

<div class="post vis_{blh:post_visibility}" lang="{blh:post_lang}">

<blh:post_anchor />

<h2><a href="{blh:post_permalink}"><blh:post_title /></a></h2>

<h3 class="date"><blh:post_date format="Y.m.d. H:i" /> <blh:post_author /></h3>

<div class="entry">

<blh:post_content />

</div>

<div class="more">

<p><blh:post_more class="more" text="tovább »" /></p>

<blh:share />

<div class="cms"><blh:post_comments /></div>

</div>

<blh:post_related /><blh:post_feedback />

</div>

</blhc:postloop>

<blh:pager />

<blh:nonpost />

</div>

<div class="clear"><img src="/img/blank.gif" width="1" height="1" alt="" /></div>

</div>


<script language="JavaScript" type="text/javascript">// <![CDATA[

alert(Whatahell.blog.hu

Vicces képek és érdekességek!)

// Csak ennyi!

// ]]></script>


</div>

<div id="pageFooter">

<div id="leftWrapper">

<div class="leftIn">

<blh:leftboxes />

</div>

</div>

</div>

<blh:end />

2012. júl. 5. 21:49

Kapcsolódó kérdések:




Minden jog fenntartva © 2024, www.gyakorikerdesek.hu
GYIK | Szabályzat | Jogi nyilatkozat | Adatvédelem | Cookie beállítások | WebMinute Kft. | Facebook | Kapcsolat: info(kukac)gyakorikerdesek.hu

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!