Registriere dich hier, um versteckte Bereiche sehen zu können, Highscores zu speichern oder Fragen zu stellen!

Hintergrundgrafik funktioniert nicht richtig

Adminbereich » Styles » Themes sind Stylesheets (CSS) Vorlagen (Farben, größen, Abstände (prosilver auch Grafiken))
Adminbereich » Styles » Templates sind HTML Vorlagen (wo was angezeigt wird und ob überhaupt)

subSilver und prosilver Styles - es gibt 2 Arten von Styles, hier alle im Überblick:
subSilver2 Styles: 610nm, AcidTech, Vista, bo2Soft, subsilver2, eTech, Serenity, vBoard, vLight, vPlasma, subBlack
prosilver Styles: BrownChocolate, WoWKing, Eliteblue, Glacier, GreenGrass, RedSunrise, prosilver
Kostenloses phpbb2 Forum
phpbb2 Forum Hosting
www.phpbb6.de
phpbb9 ist das Support Forum für unsere Hosting Services.Hilfe nur für Foren von Kostenloses-Forum.be, Userboard.org, plusBB, phpbb8.de, phpbb6.de, Gratis-Board.de und Forumo.de.
Du hast dein Forum nicht bei uns? Dann schaue dich um und siehe was du selbst völlig kostenlos machen könntest, gucke dir auch andere interessante Foren aus unserem Netzwerk an!
Du erhältst hier Tipps und Problemlösungen zu deinem Forum bei uns!

phpbb3
phpBB3 Forum Hosting
www.phpbb8.de
AbonnentenAbonnenten: 0
LesezeichenLesezeichen: 0
Zugriffe: 247

Hintergrundgrafik funktioniert nicht richtig

Beitrag#1von TomoYamato » 29.03.2013 01:05

Hallo erstmals,
ich habe versucht die Hintergrundgrafik einzufügen, aber statt Grafik aufeinmal weiß ;(
Could you help me? :angel:

Forum-Link: http://www.ff14-arealmreborn.userboard.org

Code: Alles auswählen
/*  phpBB 3.0 Style Sheet
    --------------------------------------------------------------
   Style name:      custom1
   Based on style:   subSilver (the default phpBB 2 style)
   Original author:   subBlue ( http://www.subBlue.com/ )
   Modified by:      Lucas Kane
   
   My First Skin.
   
   Copyright 2006 Lucas Kane
    --------------------------------------------------------------
*/



/* Layout
 ------------ */
* {
   /* Reset browsers default margin, padding and font sizes */
   margin: 0;
   padding: 0;
}

html {
   font-size: 100%;
}

body {
   /* Text-Sizing with ems: http://www.clagnut.com/blog/348/ */
   font-family: Verdana, Helvetica, Arial, sans-serif;
   color: #999999;
   background-image: #BBBBBB;
   font-size: 62.5%; /* This sets the default font size to be equivalent to 10px */
   margin: 10px;
}

#wrapcentre {
   margin: 10px;
}

#wrapfooter {
   text-align: center;
   clear: both;
}

#wrapnav {
   width: 100%;
   margin: 10px;
   background-color: #333333;
   border-width: 1px;
   border-style: solid;
   border-color: #A9B8C2;
}

#menubar {
   margin: 10px;
}

#datebar {
   margin-top: 10px;
   margin: 10px;
}

#findbar {
   width: 100%;
   margin: 0px;
   padding: 0px;
   border: 0px;
}

.forumrules {
   background-color: #333333;
   border-width: 1px;
   border-style: solid;
   border-color: #FF0000;
   padding: 4px;
   font-weight: normal;
   font-size: 1.1em;
   font-family: Verdana, Arial, Helvetica, sans-serif;
}

#pageheader { }
#pagecontent { }
#pagefooter { }

#poll { }
#postrow { }
#postdata { }


/*  Text
 --------------------- */
h1 {
   color: 999999;
   font-family: 'Trebuchet MS', Verdana, sans-serif;
   font-weight: bold;
   font-size: 1.8em;
   text-decoration: none;
}

h2 {
   font-family: Arial, Helvetica, sans-serif;
   font-weight: bold;
   font-size: 1.5em;
   text-decoration: none;
   line-height: 120%;
}

h3 {
   font-size: 1.3em;
   font-weight: bold;
   font-family: Arial, Helvetica, sans-serif;
   line-height: 120%;
}

h4 {
   margin: 0px;
   font-size: 1.1em;
   font-weight: bold;
}

p {
   font-size: 1.1em;
}

p.moderators {
   margin: 0px;
   float: left;
   color: #CC9900;
   font-weight: bold;
}

p.linkmcp {
   margin: 0px;
   float: right;
   white-space: nowrap;
}

p.breadcrumbs {
   margin: 0px;
   float: left;
   color: #CC9900;
   font-weight: bold;
   white-space: normal;
   font-size: 1em;
}

p.datetime {
   margin: 0px;
   float: right;
   white-space: nowrap;
   font-size: 1em;
}

p.searchbar {
   padding: 2px 0;
   white-space: nowrap;
}

p.searchbarreg {
   margin: 0px;
   float: right;
   white-space: nowrap;
}

p.forumdesc {
   padding-bottom: 4px;
}

p.topicauthor {
   margin: 1px 0px;
}

p.topicdetails {
   margin: 1px 0px;
}

.postreported, .postreported a:visited, .postreported a:hover, .postreported a:link, .postreported a:active {
   margin: 1px 0px;
   color: red;
   font-weight:bold;
}

.postapprove, .postapprove a:visited, .postapprove a:hover, .postapprove a:link, .postapprove a:active {
   color: green;
   font-weight:bold;
}

.postapprove img, .postreported img {
   vertical-align: bottom;
}

.postauthor {
   color: #333333;
}

.postdetails {
   color: #999999;
}

.postbody {
   font-size: 1.3em;
   line-height: 1.4em;
   font-family: "Lucida Grande", "Trebuchet MS", Helvetica, Arial, sans-serif;
}

.postbody li, ol, ul {
   margin-left: 1.5em;
}

.posthilit {
   background-color: yellow;
}

.nav {
   margin: 0px;
   color: 999999;
   font-weight: bold;
}

.pagination {
   padding: 4px;
   color: 999999;
   font-size: 1em;
   font-weight: bold;
}

.cattitle {

}

.gen {
   margin: 1px 1px;
   font-size: 1.2em;
}



.genmed {
   margin: 1px 1px;
   font-size: 1.1em;
}

.gensmall {
   margin: 1px 1px;
   font-size: 1em;
}

.copyright {
   color: #888888;
   font-weight: normal;
   font-family: Verdana, Arial, Helvetica, sans-serif;
}

.titles {
   font-family: "Lucida Grande", Helvetica, Arial, sans-serif;
   font-weight: bold;
   font-size: 1.3em;
   text-decoration: none;
}

.error {
   color: red;
}


/* Tables
 ------------ */
th {
   color: #999999;
   font-size: 1.1em;
   font-weight: bold;
   background-color: #006699;
   background-image: url('styles/col_subblack_yellow/theme/images/cellpic3.gif');
   white-space: nowrap;
   padding: 7px 5px;
}

td {
   padding: 2px;
}

.tablebg {
   background-color: #333333;
}

.catdiv {
   height: 28px;
   margin: 0px;
   padding: 0px;
   border: 0px;
   background-color: #333333;
   background-image: url('styles/col_subblack_yellow/theme/images/cellpic2.jpg');
   background-repeat: repeat-x;
}

.catend {
   height: 28px;
   margin: 0px;
   padding: 0px;
   border: 0px;
   background-color: #000000;
   background-repeat: repeat-y;
}

.cat {
   height: 28px;
   margin: 0px;
   padding: 0px;
   border: 0px;
   background-color: #333333;
   background-image: url('styles/col_subblack_yellow/theme/images/cellpic1.gif');
   text-indent: 4px;
}

.row1 {
   background-color: #000000;
   padding: 4px;
}

.row2 {
   background-color: #000000;
   padding: 4px;
}

.row3 {
   background-color: #222222;
   padding: 4px;
}

.rowgood {
   background-color: #222222;
   padding: 4px;
}

.rowneutral {
   background-color: #222222;
   padding: 4px;
}

.rowbad {
   background-color: #222222;
   padding: 4px;
}

.spacer {
   background-color: #000000;
}

hr {
   height: 1px;
   border-width: 0px;
   background-color: #000000;
   color: #D1D7DC;
}

.legend {
   text-align:center;
   margin: 0 auto;
}

/* Links
 ------------ */
a:link {
   color: #CC9900;
   text-decoration: none;
}

a:active,
a:visited {
   color: #CC9900;
   text-decoration: none;
}

a:hover {
   color: #CC9900;
   text-decoration: underline;
}

a.forumlink {
   color: #666666;
   font-weight: bold;
   font-family: "Lucida Grande", Helvetica, Arial, sans-serif;
   font-size: 1.2em;
}

a.topictitle {
   margin: 1px 0px;
   font-family: "Lucida Grande", Helvetica, Arial, sans-serif;
   font-weight: bold;
   font-size: 1.2em;
}

a.topictitle:visited {
   color: #999999;
   text-decoration: none;
}

th a,
th a:visited {
   color: #999999 !important;
   text-decoration: none;
}

th a:hover {
   text-decoration: underline;
}


/* Form Elements
 ------------ */
form {
   margin: 0px;
   padding: 0px;
   border: 0px;
}

input {
   color: #333333;
   font-family: Verdana, Helvetica, sans-serif;
   font-size: 1.1em;
   font-weight: normal;
   padding: 1px;
   border: 1px solid #666666;
   background-color: #999999;
}

textarea {
   background-color: #333333;
   color: #999999;
   font-family: Verdana, Helvetica, Arial, sans-serif;
   font-size: 1.3em;
   line-height: 1.4em;
   font-weight: normal;
   border: 1px solid #A9B8C2;
   padding: 2px;
}

select {
   color: #999999;
   background-color: #333333;
   font-family: Verdana, Helvetica, sans-serif;
   font-size: 1.1em;
   font-weight: normal;
   border: 1px solid #999999;
   padding: 1px;
}

option {
   padding-right: 1em;
}

input.radio {
   border: none;
   background-color: transparent;
}

.post {
   background-color: #333333;
   color: #999999;
   border-style: solid;
   border-width: 1px;
}

.btnbbcode {
   color: #999999;
   font-weight: normal;
   font-size: 1.1em;
   font-family: Verdana, Helvetica, sans-serif;
   background-color: #333333;
   border: 1px solid #666666;
}

.btnmain {
   font-weight: bold;
   background-color: #333333;
   border: 1px solid #666666;
   color: #999999;
   cursor: pointer;
   padding: 1px 5px;
   font-size: 1.1em;
}

.btnlite {
   font-weight: normal;
   background-color: #333333;
   border: 1px solid #666666;
   color: #999999;
   cursor: pointer;
   padding: 1px 5px;
   font-size: 1.1em;
}

.helpline {
   background-color: #999999;
   color: #333333
   border-style: none;
}


/* BBCode
 ------------ */
.quotetitle, .attachtitle {
   margin: 10px 5px 0px 5px;
   padding: 4px;
   border-width: 1px 1px 0px 1px;
   border-style: solid;
   border-color: #ffcc33;
   color: #999999;
   background-color: #333333;
   font-size: 0.85em;
   font-weight: bold;
}

.quotetitle .quotetitle {
   font-size: 1em;
}

.quotecontent, .attachcontent {
   margin: 0px 5px 10px 5px;
   padding: 5px;
   border-color: #ffcc33;
   border-width: 0px 1px 1px 1px;
   border-style: solid;
   font-weight: normal;
   font-size: 1em;
   line-height: 1.4em;
   font-family: "Lucida Grande", "Trebuchet MS", Helvetica, Arial, sans-serif;
   background-color: #666666;
   color: #333333;
}

.attachcontent {
   font-size: 0.85em;
}

.codetitle {
   margin: 10px 5px 0px 5px;
   padding: 2px 4px;
   border-width: 1px 1px 0px 1px;
   border-style: solid;
   border-color: #ffcc33;
   color: #999999;
   background-color: #333333;
   font-family: Verdana, Helvetica, Arial, sans-serif;
   font-size: 0.8em;
}

.codecontent {
   margin: 0px 5px 10px 5px;
   padding: 5px;
   border-color: #ffcc33;
   border-width: 0px 1px 1px 1px;
   border-style: solid;
   font-weight: normal;
   color: #333333;
   font-size: 0.85em;
   font-family: Monaco, 'Courier New', monospace;
   background-color: #666666;
}

.syntaxbg {
   color: #FFFFFF;
}

.syntaxcomment {
   color: #FF8000;
}

.syntaxdefault {
   color: #0000BB;
}

.syntaxhtml {
   color: #333333;
}

.syntaxkeyword {
   color: #007700;
}

.syntaxstring {
   color: #DD0000;
}


/* Private messages
 ------------------ */
.pm_marked_colour {
   background-color: #000000;
}

.pm_replied_colour {
   background-color: #A9B8C2;
}

.pm_friend_colour {
   background-color: #007700;
}

.pm_foe_colour {
   background-color: #DD0000;
}


/* Misc
 ------------ */
 img {
   border: none;
}

.blue {
   color: #006699;
}

.sep {
   color: #333333;
   background-color: #FFA34F;
}

table.colortable td {
   padding: 0;
}

pre {
   font-size: 1.1em;
   font-family: Monaco, 'Courier New', monospace;
}

#lbOverlay { position: absolute; top: 0; left: 0; z-index: 99998; width: 100%; height: 500px; }
#lbOverlay.grey { background-color: #000000; }

#lbMain { position: absolute; left: 0; width: 100%; z-index: 99999; text-align: center; line-height: 0; }
#lbMain a img { border: none; }

#lbOuterContainer { position: relative; background-color: #ffffff; width: 200px; height: 200px; margin: 0 auto; }
#lbOuterContainer.grey { border: 3px solid #888888; }

#lbDetailsContainer {   font: 10px Verdana, Helvetica, sans-serif; background-color: #ffffff; width: 100%; line-height: 1.4em;   overflow: auto; margin: 0 auto; }
#lbDetailsContainer.grey { border: 3px solid #888888; border-top: none; }

#lbImageContainer, #lbIframeContainer { padding: 10px; }
#lbLoading {
   position: absolute; top: 45%; left: 0%; height: 32px; width: 100%; text-align: center; line-height: 0; background: url("styles/col_subblack_yellow/theme/images/lytebox/loading.gif") center no-repeat;
}

#lbHoverNav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#lbImageContainer>#lbHoverNav { left: 0; }
#lbHoverNav a { outline: none; }

#lbPrev { width: 49%; height: 100%; background: transparent url("styles/col_subblack_yellow/theme/images/gallery_lytebox/blank.gif") no-repeat; display: block; left: 0; float: left; }
#lbPrev.grey:hover, #lbPrev.grey:visited:hover { background: url("styles/col_subblack_yellow/theme/images/gallery_lytebox/prev_grey.gif") left 15% no-repeat; }

#lbNext { width: 49%; height: 100%; background: transparent url("styles/col_subblack_yellow/theme/images/gallery_lytebox/blank.gif") no-repeat; display: block; right: 0; float: right; }
#lbNext.grey:hover, #lbNext.grey:visited:hover { background: url("styles/col_subblack_yellow/theme/images/gallery_lytebox/next_grey.gif") right 15% no-repeat; }

#lbPrev2, #lbNext2 { text-decoration: none; font-weight: bold; }
#lbPrev2.grey, #lbNext2.grey, #lbSpacer.grey { color: #333333; }

#lbPrev2_Off, #lbNext2_Off { font-weight: bold; }
#lbPrev2_Off.grey, #lbNext2_Off.grey { color: #CCCCCC; }

#lbDetailsData { padding: 0 10px; }
#lbDetailsData.grey { color: #333333; }

#lbDetails { width: 60%; float: left; text-align: left; }
#lbCaption { display: block; font-weight: bold; }
#lbNumberDisplay { float: left; display: block; padding-bottom: 1.0em; }
#lbNavDisplay { float: left; display: block; padding-bottom: 1.0em; }

#lbClose { width: 64px; height: 28px; float: right; margin-bottom: 1px; }
#lbClose.grey { background: url("styles/col_subblack_yellow/theme/images/gallery_lytebox/close_grey.png") no-repeat; }

#lbPlay { width: 64px; height: 28px; float: right; margin-bottom: 1px; }
#lbPlay.grey { background: url("styles/col_subblack_yellow/theme/images/gallery_lytebox/play_grey.png") no-repeat; }

#lbPause { width: 64px; height: 28px; float: right; margin-bottom: 1px; }
#lbPause.grey { background: url("styles/col_subblack_yellow/theme/images/gallery_lytebox/pause_grey.png") no-repeat; }

#image-resize {
   padding:3px 0px 3px 0px;
   text-indent:25px;
   background:#ffffe1 url("styles/col_subblack_yellow/theme/images/img_warn.gif") no-repeat 5px 50%;
   color:#000000;   font-size:0.8em; border-top:#666666;
}

#image-resize a:hover {color:#000000;}


/* ---------- Shoutbox --------- */
#msg > li.row1 {
   display: block;
   list-style-type: none;
   margin: 0;
   height: auto;
   width:98%;
   float: left;
}
#msg > li.row2 {
   display: block;
   list-style-type: none;
   margin: 0;
   height: auto;
   width:98%;
   float: left;
}
#msg > li > dl{
   vertical-align: middle;
   width: 100%;
}
#msg > li > dl > dt{
   width: auto !important;
   white-space: nowrap;
   margin-right: 2px;
}
#msg > li > dl > dd > input{
   margin: 3px;
}
#msg > li > dl > dd#msgbody{
   display: inline;
   padding: 3px 0 1px 0px !important;
   vertical-align: middle;
   float:none !important;
}
#base_ul
{
   list-style:none;
   margin-left: 0;
}


/* ------------------------ Portal ------------------------ */
.smallimage {
   width:25px;
   height:25px;
   float:left;
   margin:none;
   margin-bottom:5px;
   position:relative;
}
.whos_online {
   text-align:left;
   position:relative;
   padding: 3px;
}
.row3 {
   padding: none;
   margin:none;
   font-size:10px;
}
.cal_today {
   color:#DC06B8;
   font-weight: bold;
}
.cal_birthday {
   color:#FF8000;
   font-weight: bold;
}
.cal_event {
   color:#FF0000;
   font-weight: bold;
}

span.corners-top-news, span.corners-bottom-news, span.corners-top-news span, span.corners-bottom-news span {
   font-size: 1px;
   line-height: 1px;
   display: block;
   height: 5px;
   background-repeat: no-repeat;
}

span.corners-top-news {
   background-image: none;
   background-position: 0 0;
   margin: 0 -5px;
}

span.corners-top-news span {
   background-image: none;
   background-position: 100% 0;
}

span.corners-bottom-news {
   background-image: none;
   background-position: 0 100%;
   margin: 0 -5px;
   clear: both;
}

span.corners-bottom-news span {
   background-image: none;;
   background-position: 100% 100%;
}

span.corners-top-news {
   background-image: url("styles/col_subblack_yellow/theme/images/corners_left_news.png");
}

span.corners-top-news span {
   background-image: url("styles/col_subblack_yellow/theme/images/corners_right_news.png");
}

span.corners-bottom-news {
   background-image: url("styles/col_subblack_yellow/theme/images/corners_left_news.png");
}

span.corners-bottom-news span {
   background-image: url("styles/col_subblack_yellow/theme/images/corners_right_news.png");
}

.k_quick {   
width:60%;   
text-align:left;   
margin-bottom: 4px;    
padding: 0 5px;   clear: both;   
background-repeat: repeat-x;
border:1px solid; border-color:#008CCe #005F8C #005F8C #008CCe;margin:2px;padding:3px;
}

.showhide {float: right; margin-top: -13px; margin-right: 1px;}

.profile {
   margin:2px;padding:5px;
}
postdetails {
   border:1px solid; border-color:#008CCe #005F8C #005F8C #008CCe;margin:2px;padding:5px;
}

.highlight
{
   border:1px solid; border-color:#008CCe #005F8C #005F8C #008CCe;margin:1px;padding:1px;
}

.headerx  { color:#D6C7C7; background: url(styles/col_subblack_yellow/theme/images/box/boxnavt.gif) repeat-x; padding-left:5px; }
.headerx a { font-weight:bold; text-decoration: none; color: #D6C7C7; }
.headerx a:visited, a:actiive { text-decoration: none; color:#D6C7C7; }
.headerx a:hover { text-decoration: none; color:#CE0000; }

.bbb-bold, .bbb-bold a      { border:none; background: url("styles/col_subblack_yellow/theme/images/bbcode/bbb-icon-bold.gif"); width:22px; height:22px; }
.bbb-bold:hover            { background-position: 0px -23px;}.bbb-quote,
.bbb-italic, .bbb-italic a  { border:none; background: url("styles/col_subblack_yellow/theme/images/bbcode/bbb-icon-italic.gif");  width:22px; height:22px;}
.bbb-italic:hover   { background-position: 0px -23px;}.bbb-quote,
.bbb-quote a      { border:none; background: url("styles/col_subblack_yellow/theme/images/bbcode/bbb-icon-quote.gif");   width:22px; height:22px;}
.bbb-quote:hover   { background-position: 0px -23px;}.bbb-code,
.bbb-code a         { border:none; background: url("styles/col_subblack_yellow/theme/images/bbcode/bbb-icon-code.gif");    width:22px; height:22px;}
.bbb-code:hover      { background-position: 0px -23px;}.bbb-list,
.bbb-list a         { border:none; background: url("styles/col_subblack_yellow/theme/images/bbcode/bbb-icon-list.gif");    width:22px; height:22px;}
.bbb-list:hover      { background-position: 0px -23px;}.bbb-flash,
.bbb-flash a      { border:none; background: url("styles/col_subblack_yellow/theme/images/bbcode/bbb-icon-flash.gif");   width:22px; height:22px;}
.bbb-flash:hover   { background-position: 0px -23px;}.bbb-image,
.bbb-image a      { border:none; background: url("styles/col_subblack_yellow/theme/images/bbcode/bbb-icon-image.gif");   width:22px; height:22px;}
.bbb-image:hover        { background-position: 0px -23px;}
.bbb-url, .bbb-url a    { border:none; background: url("styles/col_subblack_yellow/theme/images/bbcode/bbb-icon-url.gif");     width:22px; height:22px;}
.bbb-url:hover      { background-position: 0px -23px;}
.bbb-under_line, .bbb-under_line a   { border:none; background: url("styles/col_subblack_yellow/theme/images/bbcode/bbb-icon-under_line.gif");    width:22px; height:22px;}
.bbb-under_line:hover            { background-position: 0px -23px;}
.bbb-align_center, .bbb-align_center a   { border:none; background: url("styles/col_subblack_yellow/theme/images/bbcode/bbb-icon-align_center.gif");  width:22px; height:22px;}
.bbb-align_center:hover          { background-position: 0px -23px;}
.bbb-align_left, .bbb-align_left a   { border:none; background: url("styles/col_subblack_yellow/theme/images/bbcode/bbb-icon-align_left.gif");  width:22px; height:22px;}
.bbb-align_left:hover            { background-position: 0px -23px;}
.bbb-align_right, .bbb-align_right a     { border:none; background: url("styles/col_subblack_yellow/theme/images/bbcode/bbb-icon-align_right.gif");  width:22px; height:22px;}
.bbb-align_right:hover           { background-position: 0px -23px;}
.bbb-ordered_list, .bbb-ordered_list a   { border:none; background: url("styles/col_subblack_yellow/theme/images/bbcode/bbb-icon-ordered_list.gif");  width:22px; height:22px;}
.bbb-ordered_list:hover          { background-position: 0px -23px;}
.bbb-add_list_item, .bbb-add_list_item a { border:none; background: url("styles/col_subblack_yellow/theme/images/bbcode/bbb-icon-add_list_item.gif"); width:22px; height:22px;}
.bbb-add_list_item:hover         { background-position: 0px -23px;}
.bbb-note, .bbb-note a    { border:none; background: url("styles/col_subblack_yellow/theme/images/bbcode/bbb-icon-note.gif");    width:22px; height:22px;}
.bbb-note:hover       { background-position: 0px -23px;}
.bbb-spoiler, .bbb-spoiler a  { border:none; background: url("styles/col_subblack_yellow/theme/images/bbcode/bbb-icon-spoiler.gif"); width:22px; height:22px;}
.bbb-spoiler:hover        { background-position: 0px -23px;}
.bbb-tab, .bbb-tab a      { border:none; background: url("styles/col_subblack_yellow/theme/images/bbcode/bbb-icon-tab.gif");     width:22px; height:22px;}
.bbb-tab:hover        { background-position: 0px -23px;}
.bbb-sup, .bbb-sup a      { border:none; background: url("styles/col_subblack_yellow/theme/images/bbcode/bbb-icon-sup.gif");     width:22px; height:22px;}
.bbb-sup:hover        { background-position: 0px -23px;}
.bbb-sub, .bbb-sub a      { border:none; background: url("styles/col_subblack_yellow/theme/images/bbcode/bbb-icon-sub.gif");     width:22px; height:22px;}
.bbb-sub:hover        { background-position: 0px -23px;}
.bbb-strike, .bbb-strike a    { border:none; background: url("styles/col_subblack_yellow/theme/images/bbcode/bbb-icon-strike.gif");  width:22px; height:22px;}
.bbb-strike:hover         { background-position: 0px -23px;}
.bbb-link, .bbb-link a    { border:none; background: url("styles/col_subblack_yellow/theme/images/bbcode/bbb-icon-link.gif");    width:22px; height:22px;}
.bbb-link:hover       { background-position: 0px -23px;}
.rollover, .rollover a { display:inline; float:left; } .rollover a:hover { background-position: 0 -23px; }
.bbb-icon-spacer {border:none; background: url("styles/col_subblack_yellow/theme/images/bbcode/bbb-icon-spacer.gif"); width:3px; height:22px;}

#message-box {
   width: 80%;
}
#message-box textarea {
   width: 100%;
}
#smiley-box {
   width: 18%;
   float: right;
}

#smiley-box img {
   margin: 3px;
}
#message-box {
   width: 80%;
}
table.legend {
text-align:center;
}

.news_time {
 text-align:left;
 width:42%;
 position:relative;
}
.news_comments {
 text-align:center;
 width:15%;
 position:relative;
}
.news_reply {
   color:green;
   text-align:right;
   width:42%;
   position:relative;
}
.bottom  { border:none; color:#D6C7C7; background: url(styles/col_subblack_yellow/theme/images/cellpic3.gif) repeat-x; height:1px; border-bottom:solid 1px; border-color:#333333; }
.bottomx  { background:#000000; color:#D6C7C7; background: url(styles/col_subblack_yellow/theme/images/box/boxnavt2.gif) repeat-x; height:6px; border:none;}
table.box{
background: url(http://s14.directupload.net/images/130328/n2lhd8j3.jpg)repeat-x;
   border-top: dotted 1px #BBBBBB;
   border-left: dotted 1px #BBBBBB;
   border-right: dotted 1px #BBBBBBB;
   border-bottom: dotted 1px #BBBBBBB;

}
table.boxfull{
   border: solid 1px #333333;
}

.showhide {float: right; margin-top: -13px; margin-right: 1px;}

.mynews {
   text-align:center;
   background-color: #202020;
   margin-bottom: 4px;
   padding: 0 5px;
   clear: both;
}
.myannounce {
   text-align:center;
   background-color: #202020;
   margin-bottom: 4px;
   padding: 0 5px;
   clear: both;
}
.bg1   { background-color: #11202D; }
.bg2   { background-color: #202020; }
.bg3   { background-color: #404040; }

/*   new and announcements blocks */
table.news {
   width:100%;
   border:solid 1px;
   border:none;
}
table.announce {
   width:100%;
   border:none;
}
.news_title {
  color:green;
  text-align:left;
  width:42%;
  position:relative;
}
.news_poll {
 text-align:center;
 width:15%;
 position:relative;
}
.news_poster {
 text-align:right;
 width:42%;
 position:relative;
}

.news_time {
 text-align:left;
 width:42%;
 position:relative;
}
.news_comments {
 text-align:center;
 width:15%;
 position:relative;
}
.news_reply {
   color:green;
   text-align:right;
   width:42%;
   position:relative;
}

.ann_title {
   color:green;
   text-align:center;
   width:100%;
   position:relative;
   font-size:14px;
   font-weight:bold;
}
.ann_poster {
 text-align:left;
 width:45%;
 position:relative;
}
.ann_time {
   color:green;
   text-align:left;
   position:relative;
}
.forum_icons {
   float:left;
   padding-right:10px;
   position:relative; left: 5px; top: -20px;
}

/* Back to top of page */
.back2top {
   clear: both;
   height: 11px;
   text-align: right;
}
.block {
   background-color: #050505;
}
.spacer {
   background: url("styles/col_subblack_yellow/theme/images/spacer.gif"); width:10px; height:1px;
}
.blockstats {
   text-decoration: none;display:block;padding:3px 4px 3px 5px;margin-bottom:0px;
}
.blockstats span {
   padding-left: 4px;font:normal 10px tahoma;
}
#helpbox { width:80%; }
Benutzeravatar
TomoYamato
Auszubildender
Auszubildender
 
Beiträge: 30
Registriert: 01.2011
Barvermögen: 979,03 Points
Danke gegeben: 2
Danke bekommen: 0x in 0 Post
Geschlecht: männlich
Forenstyle: subBlack Yellow

Re: Hintergrundgrafik funktioniert nicht richtig

Beitrag#2von Teamleiter & Techniker Gooof » 29.03.2013 01:15

Es reicht eigentlich nur die geänderte Stelle zu posten. ;)

Die Zeile mit:
Code: Alles auswählen
background-image: #BBBBBB;

ist falsch, da keine URL übergeben wurde. Siehe dazu: http://www.css4you.de/background-image.html
Kostenloses phpBB3 Foren Hosting - Entwickler | Hosting | Admin :Pingouin02:
Benutzeravatar
Teamleiter & Techniker Gooof
Foren Doktor
Foren Doktor
 
Beiträge: 30245
Registriert: 12.2005
Barvermögen: 3.407,07 Points
Bank: 27.117,60 Points
Wohnort: phpbb9.de
Danke gegeben: 1228
Danke bekommen: 3424x in 1909 Posts
Highscores: 212
Geschlecht: männlich
Deine Foren-URL: http://support.phpbb8.de
Forenstyle: prosilver Special Smooth

Re: Hintergrundgrafik funktioniert nicht richtig

Beitrag#3von TomoYamato » 29.03.2013 02:16

o_o
owei trotzdem klappt es net

Code: Alles auswählen
   
   Copyright 2006 Lucas Kane
    --------------------------------------------------------------
*/



/* Layout
 ------------ */
* {
   /* Reset browsers default margin, padding and font sizes */
   margin: 0;
   padding: 0;
}

html {
   font-size: 100%;
}

body {
   /* Text-Sizing with ems: http://www.clagnut.com/blog/348/ */
   font-family: Verdana, Helvetica, Arial, sans-serif;
   color: #999999;
   background-image: (http://s14.directupload.net/images/130328/n2lhd8j3.jpg) repeat-x;
   background-color: #999999;
   font-size: 62.5%; /* This sets the default font size to be equivalent to 10px */
   margin: 10px;
}


seit Stunden hänge ich daran xD
Benutzeravatar
TomoYamato
Auszubildender
Auszubildender
 
Beiträge: 30
Registriert: 01.2011
Barvermögen: 979,03 Points
Danke gegeben: 2
Danke bekommen: 0x in 0 Post
Geschlecht: männlich
Forenstyle: subBlack Yellow

Re: Hintergrundgrafik funktioniert nicht richtig

Beitrag#4von Teamleiter & Techniker Gooof » 29.03.2013 02:23

Die Zeile wäre so korrekt: ;)
Code: Alles auswählen
background-image: url(http://bildurl.jpg);


oder alles in einer, dann müssten aber die anderen background- Zeilen aus dem Block entfernt werden:
Code: Alles auswählen
background: #999999 url(http://bildurl.jpg) fixed repeat-x;
Kostenloses phpBB3 Foren Hosting - Entwickler | Hosting | Admin :Pingouin02:
Benutzeravatar
Teamleiter & Techniker Gooof
Foren Doktor
Foren Doktor
 
Beiträge: 30245
Registriert: 12.2005
Barvermögen: 3.407,07 Points
Bank: 27.117,60 Points
Wohnort: phpbb9.de
Danke gegeben: 1228
Danke bekommen: 3424x in 1909 Posts
Highscores: 212
Geschlecht: männlich
Deine Foren-URL: http://support.phpbb8.de
Forenstyle: prosilver Special Smooth

Re: Hintergrundgrafik funktioniert nicht richtig

Beitrag#5von TomoYamato » 29.03.2013 02:37

Gooof
YOU ARE THE BEST :)
Ein Nachtskaffee für dich ;)
Benutzeravatar
TomoYamato
Auszubildender
Auszubildender
 
Beiträge: 30
Registriert: 01.2011
Barvermögen: 979,03 Points
Danke gegeben: 2
Danke bekommen: 0x in 0 Post
Geschlecht: männlich
Forenstyle: subBlack Yellow


Zurück zu "phpBB3: Styles, Themes und Templates"


 

Wer ist online?

Mitglieder in diesem Forum: 0 Mitglieder und 2 Gäste