Suche im Forum:
Suchen


« Vorheriges Thema anzeigen :: Nächstes Thema anzeigen »  
Autor Nachricht
Beitrag21.03.2011 um 14:44 (UTC)    
Titel: Hintergrund ändern

Hallo Liebes HPBK-Forum,
ich habe vor einigen Tagen das "Gray Company" von HpBk-TemplateWorld verlinkt und gecodet bekommen...ich finde es sehr gut,nur würde ich gerne noch ein Hintergrundbild einfügen...Kann jemand mir sagen wo ich das machen kann?

Code über design:
Zitat:

<style type="text/css">
#content a {text-decoration: none;}
</style>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>free website template - templatemo.com</title>
<meta name="keywords" content="free templates, website templates, CSS, HTML" />
<meta name="description" content="free website template provided by templatemo.com" />
<link href="templatemo_style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="templateo_container">
<div id="templatemo_top_panel">
<div id="site_title">
<a href="http://youngspotter-dus.de.tl/">Youngspotter-dus<span>Die Regionale Spottingwebsite!</span>
</a>
</div>

<div id="header_menu_section">
<div class="header_menu home_menu">
<a href="http://youngspotter-dus.de.tl/"></a>
</div>
<div class="header_menu contact_menu">
<a href="http://youngspotter-dus.de.tl/kontakt.htm"></a>
</div>

</div><!-- end of header mneu section -->

<div class="cleaner"></div>
</div> <!-- end of top panel -->

<div id="templatemo_menu_banner_panel">

<div id="templatemo_menu_wrapper">
<div id="templatemo_menu">
<ul>
<li><a href="http://youngspotter-dus.de.tl/Home.htm">Home</a></li>

<li><a href="http://youngspotter-dus.de.tl/G.ae.stebuch.htm">Gästebuch</a></li>

<li><a href="http://youngspotter-dus.de.tl/Wir-.ue.ber-uns.htm">Wir über uns</a></li>

<li><a href="http://youngspotter-dus.de.tl/Spottingbilder.htm" target="_parent">Planespotten</a></li>

<li><a href="http://youngspotter-dus.de.tl/Service.htm">Service</a></li>


<li class="last"><a href="http://youngspotter-dus.de.tl/newsletter.htm">Newsletter</a></li>
</ul>
</div> <!-- end of menu -->
</div> <!-- end of menu wrapper -->


<div id="templatemo_banner">

<div class="header_02"></div>
<p></a></p>

</div> <!-- end of banner -->

<div class="cleaner"></div>
</div> <!-- end of menu & banner panel -->

<div id="templatemo_content_wrapper">


<div id="templatemo_content">

<div id="templatemo_side_column">

<div class="header_01">News</div>

<div class="side_column_content">
<div class="news_section">
<div class="news_date">15.Nov 2011</div>
<div class="news_title">Neues Design </div>

<p>Youngspotter-dus ist seit dem 15.3. im neuen Design online,dass in Zusammenheit mit dem Coder
www.info-landwirtschaft.de.tl erstellt wurde. Verfeinerungen werden bis zum 20.3. abgeschlossen sein.</a></p>
</div>

<div class="button_01"><a href="#">Read All</a></div>

</div>

<div class="margin_bottom_40"></div>

<div class="header_01">Validators</div>
<div class="side_column_content">
<a href="http://validator.w3.org/check?uri=referer"><img style="border:0;width:88px;height:31px" src="http://www.w3.org/Icons/valid-xhtml10" alt="Valid XHTML 1.0 Transitional" width="88" height="31" vspace="8" border="0" /></a>
<a href="http://jigsaw.w3.org/css-validator/check/referer"><img style="border:0;width:88px;height:31px" src="http://jigsaw.w3.org/css-validator/images/vcss-blue" alt="Valid CSS!" vspace="8" border="0" /></a>
</div>

</div> <!-- end of side column -->




<div id="templatemo_main_content_column">




Text unter design:

Zitat:

<div class="section_w600">
<div class="cleaner"></div>
</div>
<div class="margin_bottom_30"></div>
<div class="section_w280 fl margin_right_40">
<div class="section_w280_content">
<ul class="content_list_01">
<div class="margin_bottom_20"></div>

</div>
</div>

<div class="section_w280 fl">
<div class="section_w280_content">

</div>

</div>

<div class="cleaner"></div>
</div> <!-- end of main content column -->

<div class="cleaner"></div>
</div> <!-- end of content -->

</div> <!-- end of content wrapper -->

<div id="templatemo_footer">
Copyright © 2011 by <a href="http://youngspotter-dus.de.tl/">Youngspotter-DUS</a> | <a href="http://www.iwebsitetemplate.com" target="_parent">Website Templates</a> by <a href="http://www.templatemo.com" target="_parent">Free CSS Templates</a>| <a href="" target="_parent">Coding:</a><a href="http://www.hpbk-templateworld.de.tl" target="_parent">HpBk-TemplateWorld</a>

</div> <!-- end of footer -->
</div> <!-- end of container -->
</body>
</html>




CSS-Code o. s.t. :

Zitat:

#extraDiv1 {
display:none;
}

#extraDiv2 {
display:none;
}

#extraDiv3 {
display:none;
}

#extraDiv4 {
display:none;
}

#extraDiv5 {
display:none;
}

#extraDiv6 {
display:none;
}

#pre_header {
display:none;
}

#post_header {
display:none;
}

#pre_content {
display:none;
}

#nav_heading {
display:none;
}

#nav {
display:none;
}

div.header {
display:none;
}

h1#title {
display:none;
}

h2#title span {
display:none;
}


td[height="102"] {
position:absolute;
left:50%;
margin-left:-384px;
}



/*
CSS Credit: http://www.templatemo.com
*/

body {
margin: 0;
padding: 0;
line-height: 1.5em;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 11px;
color: #dbdada;
background: #333333;
}

a:link, a:visited { color: #5b93ef; text-decoration: underline; font-weight: normal; }
a:active, a:hover { color: #5b93ef; text-decoration: none; }

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

img {
margin: 0px;
padding: 0px;
border: none;
}

.cleaner { clear: both; width: 100%; height: 0px; font-size: 0px; }

.margin_bottom_10 { clear: both; width: 100%; height: 10px; font-size: 1px; }
.margin_bottom_15 { clear: both; width: 100%; height: 15px; font-size: 1px; }
.margin_bottom_20 { clear: both; width: 100%; height: 20px; font-size: 1px; }
.margin_bottom_30 { clear: both; width: 100%; height: 30px; font-size: 1px; }
.margin_bottom_40 { clear: both; width: 100%; height: 40px; font-size: 1px; }
.margin_bottom_50 { clear: both; width: 100%; height: 50px; font-size: 1px; }
.margin_bottom_60 { clear: both; width: 100%; height: 60px; font-size: 1px; }

.margin_right_40 { margin-right: 40px; }
.margin_right_70 { margin-right: 70px; }

.fl { float: left; }
.fr { float: right }

.em_text {
color: #ffffff;
}

.button_01 a {
display: block;
width: 95px;
height: 21px;
padding: 5px 25px 0 0;
background: url(http://www.loaditup.de/files/593081.jpg) no-repeat;


color: #dcdada;
font-size: 11px;
font-weight: bold;
text-align: center;
text-decoration: none;
}

.header_01 {
clear: both;
height: 27px;
padding: 8px 0 0 10px;
margin-bottom: 20px;
background: #161616 url(http://img.webme.com/pic/y/youngspotter-dus/img_6862_2.jpg) center right no-repeat;
font-size: 20px;
color: #ffffff;
}

.header_02 {
clear: both;
padding-bottom: 20px;
margin-bottom: 15px;
font-size: 22px;
color: #ffffff;
}

#templateo_container {
width: 960px;
padding: 0 10px;
margin: 0 auto;
}

/* top panel */

#templatemo_top_panel {
clear: both;
width: 960px;
height: 110px;
padding: 10px 0;
}

#site_logo {
float: left;
width: 450px;
height: 110px;
}

#site_logo a {
outline: none;
}

#site_title {
float: left;
width: 450px;
margin-top: 30px;
font-size: 40px;
padding: 10px 0;
color: #e8e8e8;
}

#site_title a {
color: #e8e8e8;
text-decoration: none;
}

#site_title span {
display: block;
margin-left: 70px;
margin-top: 20px;
font-size: 16px;
color: #767676;
}

#header_menu_section {
float: right;
width: 210px;
}

.header_menu a {
float: left;
display: block;
width: 90px;
height: 110px;
outline: none;
}

.home_menu a { background: url(http://www.loaditup.de/files/593083.jpg) no-repeat; margin-right: 30px; }
.home_menu a:hover { background: url(http://www.loaditup.de/files/593086.jpg) no-repeat; }

.contact_menu a { background: url(http://www.loaditup.de/files/593084.jpg) no-repeat; }
.contact_menu a:hover { background: url(http://www.loaditup.de/files/593085.jpg) no-repeat; }

/* end of top panel */

/* menu & banner panel */

#templatemo_menu_banner_panel {
clear: both;
height: 280px;
padding: 10px;
background: #3c3b3b;
overflow: hidden;
}

/* menu */

#templatemo_menu_wrapper {
float: left;
width: 278px;
height: 278px;
background: #000000;
padding: 1px;
overflow: hidden;
}

#templatemo_menu {
padding: 14px 28px;
border: 1px solid #313131;
background: #262626;
overflow: hidden;
}

#templatemo_menu ul {
margin: 0;
padding: 0;
list-style: none;
}

#templatemo_menu ul li {
width: 200px;
height: 38px;
padding: 0 0 0 20px;
margin: 0px;
background: #161616;
margin-bottom: 4px;
}

#templatemo_menu ul li:hover {
background: #0d0d0d;
}

#templatemo_menu ul li a {
display: block;
width: 170px;
height: 28px;
padding: 10px 0 0 30px;
color: #9fa2a4;
font-size: 16px;
text-decoration: none;
font-weight: normal;
background: url(http://www.loaditup.de/files/593088.jpg) left center no-repeat;
outline: none;
}

#templatemo_menu li a:hover, #templatemo_menu li .current {
color: #ffffff;

}

#templatemo_menu .last {
margin-bottom: 0px;
}

/* end of menu*/

#templatemo_banner {
float: right;
width: 550px;
height: 180px;
padding: 50px;
overflow: hidden;
background: url(http://img.webme.com/pic/y/youngspotter-dus/schild2.jpg) no-repeat;
}

#templatemo_banner p {
font-size: 14px;
color: #ffffff;
}

#templatemo_banner a {
color: #ffffff;
font-weight: bold;
text-decoration: none;
}

/* end of menu & banner panel */

#templatemo_content_wrapper {
clear: both;
width: 940px;
background: #3c3b3b;
padding: 10px;
margin-top: 10px;
}

#templatemo_content {
padding: 30px;
background: #262626;
}

#templatemo_side_column {
float: left;
width: 220px;
}

.side_column_content {
clear: both;
padding: 0 10px;
}

.news_section {
clear: both;
margin-bottom: 20px;
}

.news_date {
color: #ffffff;
font-weight: bold;
}

.news_title {
font-size: 12px;
color: #5b93ef;
font-weight: bold;
}

#templatemo_main_content_column {
float: right;
width: 600px;
}

.section_w600 {
padding: 0 10px;
}

#templatemo_main_content_column p {
margin-bottom: 15px;
}

#templatemo_main_content_column img {
border: 10px solid #000000;
margin-bottom: 5px;
}

.fl_image {
float: left;
margin: 3px 15px 5px 0;
}

.section_w280 {
width: 280px;
}

.section_w280_content {
padding: 0 10px;
}

.content_list_01 {
margin: 0 0 0 40px;
padding: 0px;
}

.content_list_01 li {
margin: 0px;
padding: 0 0 5px 0;
list-style: decimal-leading-zero;
}

/* end of content */

/* footer */
#templatemo_footer {
clear: both;
width: 940px;
padding: 20px 10px;
text-align: center;
}

#templatemo_footer a {
color: #ffffff;
text-decoration: none;
}
/* end of footer */




Wäre dankbar über schnelle antwort Wink
Mfg
paul B.
Beitrag21.03.2011 um 15:00 (UTC)    
Titel:

so ich habe den Code mal geändert du musst aber noch das Anpassen

Bei Das Hintergrund Bild

fügst du die grafik url des bidles ein

Css ohne style tags
Zitat:
#extraDiv1 {
display:none;
}

#extraDiv2 {
display:none;
}

#extraDiv3 {
display:none;
}

#extraDiv4 {
display:none;
}

#extraDiv5 {
display:none;
}

#extraDiv6 {
display:none;
}

#pre_header {
display:none;
}

#post_header {
display:none;
}

#pre_content {
display:none;
}

#nav_heading {
display:none;
}

#nav {
display:none;
}

div.header {
display:none;
}

h1#title {
display:none;
}

h2#title span {
display:none;
}


td[height="102"] {
position:absolute;
left:50%;
margin-left:-384px;
}



/*
CSS Credit: http://www.templatemo.com
*/

body {
margin: 0;
padding: 0;
line-height: 1.5em;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 11px;
color: #dbdada;
background: #333333;
background:url(Das Hintergrund Bild) repeat-x;
}

a:link, a:visited { color: #5b93ef; text-decoration: underline; font-weight: normal; }
a:active, a:hover { color: #5b93ef; text-decoration: none; }

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

img {
margin: 0px;
padding: 0px;
border: none;
}

.cleaner { clear: both; width: 100%; height: 0px; font-size: 0px; }

.margin_bottom_10 { clear: both; width: 100%; height: 10px; font-size: 1px; }
.margin_bottom_15 { clear: both; width: 100%; height: 15px; font-size: 1px; }
.margin_bottom_20 { clear: both; width: 100%; height: 20px; font-size: 1px; }
.margin_bottom_30 { clear: both; width: 100%; height: 30px; font-size: 1px; }
.margin_bottom_40 { clear: both; width: 100%; height: 40px; font-size: 1px; }
.margin_bottom_50 { clear: both; width: 100%; height: 50px; font-size: 1px; }
.margin_bottom_60 { clear: both; width: 100%; height: 60px; font-size: 1px; }

.margin_right_40 { margin-right: 40px; }
.margin_right_70 { margin-right: 70px; }

.fl { float: left; }
.fr { float: right }

.em_text {
color: #ffffff;
}

.button_01 a {
display: block;
width: 95px;
height: 21px;
padding: 5px 25px 0 0;
background: url(http://www.loaditup.de/files/593081.jpg) no-repeat;


color: #dcdada;
font-size: 11px;
font-weight: bold;
text-align: center;
text-decoration: none;
}

.header_01 {
clear: both;
height: 27px;
padding: 8px 0 0 10px;
margin-bottom: 20px;
background: #161616 url(http://img.webme.com/pic/y/youngspotter-dus/img_6862_2.jpg) center right no-repeat;
font-size: 20px;
color: #ffffff;
}

.header_02 {
clear: both;
padding-bottom: 20px;
margin-bottom: 15px;
font-size: 22px;
color: #ffffff;
}

#templateo_container {
width: 960px;
padding: 0 10px;
margin: 0 auto;
}

/* top panel */

#templatemo_top_panel {
clear: both;
width: 960px;
height: 110px;
padding: 10px 0;
}

#site_logo {
float: left;
width: 450px;
height: 110px;
}

#site_logo a {
outline: none;
}

#site_title {
float: left;
width: 450px;
margin-top: 30px;
font-size: 40px;
padding: 10px 0;
color: #e8e8e8;
}

#site_title a {
color: #e8e8e8;
text-decoration: none;
}

#site_title span {
display: block;
margin-left: 70px;
margin-top: 20px;
font-size: 16px;
color: #767676;
}

#header_menu_section {
float: right;
width: 210px;
}

.header_menu a {
float: left;
display: block;
width: 90px;
height: 110px;
outline: none;
}

.home_menu a { background: url(http://www.loaditup.de/files/593083.jpg) no-repeat; margin-right: 30px; }
.home_menu a:hover { background: url(http://www.loaditup.de/files/593086.jpg) no-repeat; }

.contact_menu a { background: url(http://www.loaditup.de/files/593084.jpg) no-repeat; }
.contact_menu a:hover { background: url(http://www.loaditup.de/files/593085.jpg) no-repeat; }

/* end of top panel */

/* menu & banner panel */

#templatemo_menu_banner_panel {
clear: both;
height: 280px;
padding: 10px;
background: #3c3b3b;
overflow: hidden;
}

/* menu */

#templatemo_menu_wrapper {
float: left;
width: 278px;
height: 278px;
background: #000000;
padding: 1px;
overflow: hidden;
}

#templatemo_menu {
padding: 14px 28px;
border: 1px solid #313131;
background: #262626;
overflow: hidden;
}

#templatemo_menu ul {
margin: 0;
padding: 0;
list-style: none;
}

#templatemo_menu ul li {
width: 200px;
height: 38px;
padding: 0 0 0 20px;
margin: 0px;
background: #161616;
margin-bottom: 4px;
}

#templatemo_menu ul li:hover {
background: #0d0d0d;
}

#templatemo_menu ul li a {
display: block;
width: 170px;
height: 28px;
padding: 10px 0 0 30px;
color: #9fa2a4;
font-size: 16px;
text-decoration: none;
font-weight: normal;
background: url(http://www.loaditup.de/files/593088.jpg) left center no-repeat;
outline: none;
}

#templatemo_menu li a:hover, #templatemo_menu li .current {
color: #ffffff;

}

#templatemo_menu .last {
margin-bottom: 0px;
}

/* end of menu*/

#templatemo_banner {
float: right;
width: 550px;
height: 180px;
padding: 50px;
overflow: hidden;
background: url(http://img.webme.com/pic/y/youngspotter-dus/schild2.jpg) no-repeat;
}

#templatemo_banner p {
font-size: 14px;
color: #ffffff;
}

#templatemo_banner a {
color: #ffffff;
font-weight: bold;
text-decoration: none;
}

/* end of menu & banner panel */

#templatemo_content_wrapper {
clear: both;
width: 940px;
background: #3c3b3b;
padding: 10px;
margin-top: 10px;
}

#templatemo_content {
padding: 30px;
background: #262626;
}

#templatemo_side_column {
float: left;
width: 220px;
}

.side_column_content {
clear: both;
padding: 0 10px;
}

.news_section {
clear: both;
margin-bottom: 20px;
}

.news_date {
color: #ffffff;
font-weight: bold;
}

.news_title {
font-size: 12px;
color: #5b93ef;
font-weight: bold;
}

#templatemo_main_content_column {
float: right;
width: 600px;
}

.section_w600 {
padding: 0 10px;
}

#templatemo_main_content_column p {
margin-bottom: 15px;
}

#templatemo_main_content_column img {
border: 10px solid #000000;
margin-bottom: 5px;
}

.fl_image {
float: left;
margin: 3px 15px 5px 0;
}

.section_w280 {
width: 280px;
}

.section_w280_content {
padding: 0 10px;
}

.content_list_01 {
margin: 0 0 0 40px;
padding: 0px;
}

.content_list_01 li {
margin: 0px;
padding: 0 0 5px 0;
list-style: decimal-leading-zero;
}

/* end of content */

/* footer */
#templatemo_footer {
clear: both;
width: 940px;
padding: 20px 10px;
text-align: center;
}

#templatemo_footer a {
color: #ffffff;
text-decoration: none;
}


Zuletzt bearbeitet von fanclubicarly am 21.03.2011, 16:02, insgesamt einmal bearbeitet
Beitrag21.03.2011 um 16:40 (UTC)    
Titel:

Vielen Dank schonmal...jetz muss ich nurnoch nen guten hintergrund basteln Wink
Vielen Dank,
paul B.
Beiträge der letzten Zeit anzeigen:   


Powered by phpBB © 2001, 2005 phpBB Group
Deutsche Übersetzung von phpBB.de