Wie kann ich die farbe ändern?

jafethmariani

Hallo,

ich möchte auf meinem Blog, jafethmariani.com die Farbe hinter das Foto oben ändern.
Ich weiss wo man das macht ( es ist ein Blogspot Blog) also wo ich das HTML Code finde , aber wo genau muss man das ändern in dieser Code?
Danke

DarthSchaf

am besten postest du ein wenig vom code sonst wirds schwer...

jafethmariani

ach so ich dachte man sieht es, wenn man im browser Ansicht wechselt auf Seitenquelle....

Zitat

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
<head>
<b:include data='blog' name='all-head-content'/>
<title><data:blog.pageTitle/></title>
<b:skin><![CDATA[/*

/* **************************
Name: Emplode
Blogger by: http://blogandweb.com/
Distributed by: http://btemplates.com/
Designer: http://templates.arcsin.se/
Date: Dec 08
*****************************

*//* Definicion de variables
====================
<Variable name="textocolor" description="Text Color"
type="color" default="#5A5A50" value="#5A5A50">
<Variable name="enlacecolor" description="Link Color"
type="color" default="#554433" value="#554433">
<Variable name="colorenlaceencima" description="Hover Link Color"
type="color" default="#CC4400" value="#CC4400">
<Variable name="colortituloblog" description="Blog Title Color"
type="color" default="#FFFFFF" value="#777777">
<Variable name="descripcioncolor" description="Blog Description Color"
type="color" default="#999988" value="#999988">
<Variable name="colormenu" description="Menu Color"
type="color" default="#554433" value="#554433">
<Variable name="dateHeaderColor" description="Date Header Color"
type="color" default="#777777" value="#777777">
<Variable name="colortituloslateral" description="Sidebar Title Color"
type="color" default="#666655" value="#666655">
<Variable name="colortextolateral" description="Sidebar Text Color"
type="color" default="#666655" value="#666655">
*/

#navbar-iframe{height:0;visibility:hidden;display:none;}
/*-- (Generales) --*/html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}
body{line-height:1;}
ol,ul{list-style:none;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
:focus{outline:0;}
ins{text-decoration:none;}
del{text-decoration:line-through;}
table{border-collapse:collapse;border-spacing:0;}
html{font-size:62.5%;/* reset 1em to 10px */height:100%;}
body{background:#353530;color:$textocolor;font:normal 1.3em Georgia,sans-serif;height:100%;padding-bottom:1px;/* force scrollbars */}
/*
Typography
------------------------------------------------------------------- */p{line-height:1.4em;padding:.2em 0 1.2em;}
h1{font:normal 3em Georgia,sans-serif;}
h2{font:normal 2.2em Georgia,sans-serif;}
h3{font:normal 2em Georgia,sans-serif;}
h4{font:normal 1.8em Georgia,sans-serif;}
h5{font:normal 1.6em Georgia,sans-serif;}
h6{font:bold 1.2em Georgia,sans-serif;}
h1,h2,h3,h4,h5,h6{margin-bottom:.2em;}
blockquote{background:#F6F6F2 url(http://2.bp.blogspot.com/_73i0fjAB_Hw/S…backgrounds.gif) no-repeat 0 -414px;border-bottom:1px solid #E0E0D4;border-top:1px solid #E0E0D4;color:#332;display:block;margin:.6em 0 1.6em;padding:.8em 1em .2em 46px;}
/*
Tables
------------------------------------------------------------------- */table.data_table{border:1px solid #CCB;margin-bottom:2em;width:100%;}
table.data_table th{background:url(http://3.bp.blogspot.com/_73i0fjAB_Hw/SUW95q11aJI/AAAAAAAAApI/hl-yfnnb_yc/s1600/grain_dark.gif);border:1px solid #CCB;color:#555;text-align:left;}
table.data_table tr{border-bottom:1px solid #DDD;}
table.data_table td,table th{padding:10px;}
table.data_table td{background:url(http://3.bp.blogspot.com/_73i0fjAB_Hw/SUW951YkZyI/AAAAAAAAApQ/WTCfKOQtoyg/s1600/grain_light.gif);border:1px solid #DDC;}
/*
Lists
------------------------------------------------------------------- */dl{margin-bottom:2em;}
dt,dd{padding:8px 10px;}
dt{background:url(http://3.bp.blogspot.com/_73i0fjAB_Hw/SUW95q11aJI/AAAAAAAAApI/hl-yfnnb_yc/s1600/grain_dark.gif);border-bottom:1px solid #CCB;color:#555;font-weight:700;}
dd{background:url(http://3.bp.blogspot.com/_73i0fjAB_Hw/SUW951YkZyI/AAAAAAAAApQ/WTCfKOQtoyg/s1600/grain_light.gif);border-bottom:1px solid #DDC;padding-left:16px;}
/*
Links
------------------------------------------------------------------- */ a{color:$enlacecolor;}
a:hover{color:$colorenlaceencima;text-decoration:underline;}
/*
Forms
------------------------------------------------------------------- */fieldset{border-left:1px solid #CCB;border-right:1px solid #CCB;margin:1em 0 1.2em;}
input,textarea,select{background-color:#FFF;border-color:#777 #CCC #CCC #777;border-style:solid;border-width:1px;font:normal 1em Verdana,sans-serif;padding:4px;}
input.button{background:#E9E8E8 url(http://2.bp.blogspot.com/_73i0fjAB_Hw/S…backgrounds.gif) repeat-x 0 -366px;border:1px solid #888;border-color:#BBB #888 #888 #CCC;color:#444;cursor:pointer;font:normal 1em Verdana,sans-serif;margin-top:5px;padding:6px;width:auto;}
input:focus,input:active,textarea:focus,textarea:active,select:focus,select:active,input.button:hover,input.button:focus{background:#FFFFF5;}
input.button:hover,input.button:focus{color:#123;cursor:pointer;}
textarea{overflow:auto;}
input.image{border:0;padding:0;}
img.bordered{background-color:#FFF;border:1px solid #DDD;padding:3px;}
img.left{margin:0 15px 12px 0;}
img.right{margin:0 0 15px 12px;}
/*
Floats
------------------------------------------------------------------- */.left{float:left;}
.right{float:right;}
.clear,.clearer{clear:both;}
.clearer{display:block;font-size:0;line-height:0;}
#main-wrapper{overflow:hidden;}
.clear{clear:both;}
#blog-pager-newer-link{float:left;}
#blog-pager-older-link{float:right;}
#blog-pager{text-align:center;}
/*-- (Cabecera) --*/.center_wrapper{margin:0 auto;width:855px;}
#header-wrapper{background:#35322B url(http://2.bp.blogspot.com/_73i0fjAB_Hw/S…backgrounds.gif) repeat-x 0 0;padding-top:8px;}
#header-inner{padding:0 0 16px;}
#header-wrapper h1{color:$colortituloblog;}
#header-wrapper h1 a{color:$colortituloblog;text-decoration:none;}
#header-wrapper h1 a:hover{color:#FFB;}
#header-wrapper p{color:$descripcioncolor;}
#toplinks{background:#353530 url(http://3.bp.blogspot.com/_73i0fjAB_Hw/S…00/toplinks.gif) no-repeat left top;color:#554;float:right;font-size:.9em;height:27px;width:230px;}
#toplinks_inner{padding-top:3px;text-align:center;}
#toplinks a{color:#887;}
#toplinks a:hover{color:#DDC;}
/*-- (Menu) --*/#navigation ul,#navigation li{display:inline;}
#navigation li{display:inline;}
#navigation,#navigation a{background:#958573 url(http://2.bp.blogspot.com/_73i0fjAB_Hw/S…backgrounds.gif) repeat-x 0 -222px;}
#navigation a{border-right:1px solid #AFA69C;color:#654;float:left;font:bold 1em Georgia,Tahoma,sans-serif;margin-right:1px;padding:10px 12px;text-align:center;text-decoration:none;}
#navigation li:first-child a{border-left:1px solid #AFA69C;}
#navigation a:hover,#navigation li.current_page_item a{background-position:0 -294px;color:$colormenu;}
/*-- (Contenedor) --*/#main_wrapper_outer{background:url(http://3.bp.blogspot.com/_73i0fjAB_Hw/S…s1600/grain.gif);}
#main_wrapper_inner{background:url(http://2.bp.blogspot.com/_73i0fjAB_Hw/S…apper_inner.gif) repeat-x left top;line-height:1.4em;padding:24px 0;}
/*-- (Principal) --*/#main-wrapper{font:normal .9em Verdana,sans-serif;width:540px;}
#main ol,#main ul{margin:0 0 1.2em 1.6em;}
#main ul li{list-style:disc;}
#main ol li{list-style:decimal;}
#main li{padding:2px 0;}
.post{margin-bottom:24px;}
.post-title a,.post-header-line-1 a{text-decoration:none;}
.post-header-line-1 a:hover,.post-footer a:hover{text-decoration:underline;}
.post-header-line-1{color:$dateHeaderColor;margin-bottom:14px;}
.post-header-line-1 a{color:#444;}
.post-footer{background:url(http://3.bp.blogspot.com/_73i0fjAB_Hw/SUW951YkZyI/AAAAAAAAApQ/WTCfKOQtoyg/s1600/grain_light.gif);border:1px solid #E5E5D5;color:#776;font-size:.9em;padding:8px 10px;}
.post-footer a{color:#665;}
.post-footer a:hover{color:#001;}
/*-- (Lateral) --*/#sidebar-wrapper{color:#665;width:286px;border-left:1px solid #CCB;}
#sidebar{padding-left:25px;}
#sidebar a{color:$colortextolateral;}
#sidebar a:hover{color:#C40;}
#sidebar-wrapper li{border-top:1px solid #DDC;padding:4px 6px;}
#sidebar-wrapper li:first-child{border-top:none;}
#sidebar-wrapper h2{background:url(http://3.bp.blogspot.com/_73i0fjAB_Hw/SUW95q11aJI/AAAAAAAAApI/hl-yfnnb_yc/s1600/grain_dark.gif);color:$colortituloslateral;font-weight:700;padding:5px 8px;line-height:1.4em;font-size:100%;}
.sidebar .widget-content{padding:8px 0;}
.sidebar .widget{margin-bottom:1.5em;}
/*-- (Pie de pagina) --*/#footer-wrapper{color:#AA9;padding:12px 0;}
#footer-wrapper a{color:#BBA;}
#footer-wrapper .right,#footer-wrapper .right a{color:#777;text-decoration:none;}
#footer-wrapper a:hover{color:#CCB;}
/*-- (Comentarios) --*/#comments h4{font-family:Georgia,sans-serif;font-size:2em;border-bottom:1px solid #D6D6C6;display:block;}
#comments dd{background:none;}
#comments dt{font-weight:400;border:0;}
.comment-author{padding-top:10px;display:block;}
p.comment-footer{text-align:center;}
dd.comment-footer,dd.comment-body{margin:0;padding:0;border:0;}
.comment-timestamp{padding-bottom:1.2em;font-size:.9em;display:block;border-bottom:1px solid #D6D6C6;}
.comment-timestamp a{color:#665;text-decoration:none;}
.comment-form{border:1px solid #CCB;margin:1em 0 1.2em;display:block;width:537px!important;max-width:537px!important;}
#comment-editor{margin:0 10px!important;}
#comments #comment-post-message{padding:8px 18px 6px;background:transparent url(http://3.bp.blogspot.com/_73i0fjAB_Hw/S…/grain_dark.gif) repeat scroll 0 0;border-bottom:1px solid #CCB;display:block;}
.feed-links{padding:7px 0;}
.status-msg-wrap{width:98% important;}
/* Dashboard */#dashboard{background:#DDD url(http://3.bp.blogspot.com/_73i0fjAB_Hw/SUW95q11aJI/AAAAAAAAApI/hl-yfnnb_yc/s1600/grain_dark.gif);border-top:1px dashed #C0C0B0;}
#dashboard_content{padding:16px 0 22px;}
#dashboard h2{font-size:1.8em;font-family:Georgia,sans-serif;}
#dashboard .col3{width:255px;}
#dashboard .col3mid{width:337px;}
#dashboard .col3mid .col3_content{border-left:1px solid #CCB;border-right:1px solid #CCB;padding:0 20px;margin:0 20px;}
#dashboard li{color:#887;padding:5px 0;}
#dashboard li{border-top:1px dashed #C6C6B6;}
#dashboard li a{color:#606050;text-decoration:none;}
#dashboard li a:hover{color:#332;text-decoration:underline;}
body#layout #content-wrapper{margin:0;}
body#layout #footer-wrapper p.links,body#layout #menu,body#layout #search{display:none;}

]]></b:skin>
<link href='http://aladygma-marketing.com/templates/esc_opuzzy/favicon.ico' rel='icon' type='image/png'/>
</head>

<body>
<div id='outer-wrapper'><div id='wrap2'>


<span id='skiplinks' style='display:none;'>
<a href='#main'>ir a principal </a> |
<a href='#sidebar'>Ir a lateral</a>
</span>


<div id='header-wrapper'>
<div class='center_wrapper'>

<div id='toplinks'>
<div id='toplinks_inner'>
<a expr:href='data:blog.homepageUrl'>Home</a> |
<a href='http://www.blogger.com/rearrange?blogID=3133390028181351647'>Login</a> |
<a expr:href='data:blog.homepageUrl + "feeds/posts/default"'>RSS</a>
</div>
</div>

<div class='clearer'/>

<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Jafeth Mariani (Header)' type='Header'/>
</b:section>
</div>
</div>

<div id='navigation'>
<div class='center_wrapper'>
<ul>
<li><a href='http://www.jafethmariani.com/2009/08/marketing-speaker.html'>Speaker</a></li>
<li><a href='http://www.jafethmariani.com/2009/08/books.html'>Books</a></li>
<li><a href='http://www.jafethmariani.com/2009/08/coaching.html'>Coaching</a></li>
<li><a href='http://www.jafethmariani.com/2009/08/products.html'>Products</a></li>
<li><a href='http://www.jafethmariani.com/2009/08/portfolio.html'>Portfolio</a></li>
<li><a href='http://www.jafethmariani.com/2009/08/resources.html'>Resources</a></li>
<li><a href='http://www.jafethmariani.com/2009/08/buzz.html'>Buzz</a></li>
</ul>
<div class='clearer'> </div>
</div>
</div>


<div id='main_wrapper_outer'>
<div id='main_wrapper_inner'>
<div class='center_wrapper'>

<div class='left' id='main-wrapper'>
<b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Blog-Posts' type='Blog'/>
</b:section>
</div>


<div class='right' id='sidebar-wrapper'>
<b:section class='sidebar' id='sidebar' preferred='yes'>
<b:widget id='HTML7' locked='false' title='' type='HTML'/>
<b:widget id='HTML1' locked='false' title='Meet Jafeth at:' type='HTML'/>
<b:widget id='Feed1' locked='false' title='Blogger Templates' type='Feed'/>
<b:widget id='Feed2' locked='false' title='Blog and Web' type='Feed'/>
<b:widget id='HTML2' locked='false' title='' type='HTML'/>
<b:widget id='Gadget2' locked='false' title='Anmelden' type='Gadget'/>
<b:widget id='Subscribe1' locked='false' title='Abonnieren von' type='Subscribe'/>
<b:widget id='Gadget3' locked='false' title='Flickr Photostream' type='Gadget'/>
<b:widget id='HTML3' locked='false' title='' type='HTML'/>
<b:widget id='HTML6' locked='false' title='' type='HTML'/>
<b:widget id='HTML4' locked='false' title='' type='HTML'/>
<b:widget id='HTML5' locked='false' title='' type='HTML'/>
<b:widget id='HTML8' locked='false' title='Top Blogs / Sites' type='HTML'/>
</b:section>
</div>

<div class='clearer'> </div>

</div>
</div>
</div>

<div id='dashboard'>
<div id='dashboard_content'>
<div class='center_wrapper'>

<div class='col3 left'>
<b:section class='col3_content' id='dashboard1' preferred='yes'>
<b:widget id='CustomSearch1' locked='false' title='Dieses Blog durchsuchen' type='CustomSearch'/>
<b:widget id='Followers1' locked='false' title='Leser' type='Followers'/>
<b:widget id='LinkList1' locked='false' title='Links' type='LinkList'/>
</b:section>
</div>

<div class='col3mid left'>
<b:section class='col3_content' id='dashboard2' preferred='yes'>
<b:widget id='Gadget1' locked='false' title='Recent Comments' type='Gadget'/>
<b:widget id='BlogArchive2' locked='false' title='Archive' type='BlogArchive'/>
</b:section>
</div>

<div class='col3 right'>
<b:section class='col3_content' id='dashboard3' preferred='yes'>
<b:widget id='Profile1' locked='false' title='Impressum/Contact' type='Profile'/>
<b:widget id='Label2' locked='false' title='Tags' type='Label'/>
</b:section>
</div>

<div class='clearer'> </div>
</div>
</div>
</div>


<div id='footer-wrapper'>
<div class='center_wrapper'>

<p class='links left'> Copyright © 2008 <a expr:href='data:blog.homepageUrl' style='text-decoration: none;'><data:blog.title/></a></p>

<p class='right'>Design by <a href='http://arcsin.se/'>Arcsin</a> <a href='http://templates.arcsin.se/'>Web Templates</a> | <a href='http://btemplates.com/'>Blogger Template</a> by <a href='http://blogandweb.com/'>Blog and Web</a></p>
</div></div>

</div></div> 
</body>
</html>

Alles anzeigen

Grevas

Sorry, aber da jetzt etwas rauszufinden ist mir zu blöd...

/* Falsche annahme
Stattdessen bekommst du ein tipp von mir:

Nimm dir ein Grafik-Prog (z.B. Gimp), nimm mit der pipette die farbe aus dem Hintergrund und schau nach dem hex-code (z.B. #35322B ) mit der Suche in deinem Code - das kannst du dann probeweise ersetzen durch die farbe die du haben möchtest - dann findest du schon alles was abgeändert werden muss.

Hab leider derzeit keins auf der Festplatte... */

Merke gerade dass es Grafiken sind... Moment

HTML

http://3.bp.blogspot.com/_73i0fjAB_Hw/SUW95zqcjDI/AAAAAAAAApg/pNWpgxKRTAk/s1600/toplinks.gif
http://2.bp.blogspot.com/_73i0fjAB_Hw/SUW944O_ClI/AAAAAAAAAo4/dXfH0dDRYvs/s1600/backgrounds.gif

die beiden müssten es sein.