Hogy lehetne megváltoztatni a blogom háttérszínét? Html és css
HTML:
<a href="Whatahell.blog">
<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/" />
<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 />
css:
<br />
<style type="text/css">body {cursor: url(http://www.hitetlen.com/kurzor4/83.ani); }</style>
<p>
@import url(http://blog.hu/rsc/css/basic.css); /* Import basic styles */
@import url(http://blog.hu/rsc/css/forms.css); /* Import basic styles */
@import url(http://blog.hu/rsc/css/comments.css); /* Import basic styles */
/********** =defaults **********/
/*## Body ## Body class attributes */
body
{<style type=text/css>
background-color: black ;
body{background-image:url("http://kepfeltoltes.hu/120626/cooltext721347711_www.kepfelto.. "");
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("http://m.blog.hu/rsc/icons/facse.png")!important;
}
válasza:Ezt a kódot szúrd be:
<style type="text/css">
body {
background-color: #008000;
}
</style>
</head>
<body>
A
</head>
<body>
sorokat ne, azt csak azért tettem oda, hogy megtaláld hová kell az előtte lévő sorokat beszúrni.
A "#008000" a szín kódja. ezt cseréld ki olyanra amilyen színt szeretnél. A végén a ";" jel maradjon, mert az zárja le a sorban lévő kódot.
Itt találsz színkódokat.
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
Ha kifogással szeretne élni valamely tartalommal kapcsolatban, kérjük jelezze e-mailes elérhetőségünkön!