Suche im Forum:
Suchen


Autor Nachricht
Beitrag21.03.2011 um 14:44 (UTC)    
Titel: Hintergrund ändern
Antworten mit Zitat
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:
Antworten mit Zitat
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:
Antworten mit Zitat
Vielen Dank schonmal...jetz muss ich nurnoch nen guten hintergrund basteln Wink
Vielen Dank,
paul B.
↑
Beiträge der letzten Zeit anzeigen:   
  • Seite 1 von 1

  •  
    • Gehe zu:  


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

© 2024 webme GmbH, Deutschland. Alle Rechte vorbehalten.