• Seite 1 von 1
  • 1
Gemeinschaft uCoz » Für Webmaster » Design » Wie ändere ich die Hintergrundgrafik ?
Wie ändere ich die Hintergrundgrafik ?
Jendri
Beiträge: 7
Ruf: 0
Beitrag # 1 | 16:21
Hi Leute,

ich wollte gerade die Hintergrundgrafik auf meiner Seite ändern. Ich habe dazu den passenden Link rausgesucht und durch einen neuen, mit der neuenGrafik ersetzt. Allerdings ist danach das ganze Design weg.
Hier mal der Link zur alten Grafik = http://s36.ucoz.net/.s/t/915/2.jpg
Hier mal der Link zur neuen Grafik = http://jendri.ucoz.com/Bilder/test.jpg

Ich hoffe, mir kann jemand helfen.

Mfg Jendri

tazcrew
Beiträge: 171
Ruf: 2
Beitrag # 2 | 17:03
eigentlich müsste es einfach mit dem Ersetzen der Grafil funktionieren.

Poste doch mal deine Code vllt is da ein Fehler drin.

MFG
ATUK


Jendri
Beiträge: 7
Ruf: 0
Beitrag # 3 | 18:33
Okay, hier mal den kompletten Code.

Code
/* General Style */
#contanier {background:url('/.s/t/915/2.jpg') repeat-x;text-align:center;}
#dataBar {background:url('/.s/t/915/3.jpg') no-repeat;width:900px;text-align:right;padding-right:14px;padding-top:5px;height:45px;margin-left:auto;margin-right:auto;color:#2DAAB7;font-size:7pt;}
     *html #dataBar {width:914px !important;height:50px !important;}
#logo {background:url('/.s/t/915/4.jpg') no-repeat;width:500px;text-align:left;padding-left:414px;padding-top:67px;height:100px;margin-left:auto;margin-right:auto;color:#A3F7FF;font-size:20pt;font-weight:bold;}
     *html #logo {width:914px !important;height:167px !important;}
#navBar {background:url('/.s/t/915/5.jpg') no-repeat;width:900px;text-align:right;padding-right:14px;padding-top:9px;height:25px;margin-left:auto;margin-right:auto;color:#01535C;font-size:8pt;}
     *html #navBar {width:914px !important;height:34px !important;}
     #navBar a:link, #navBar a:active, #navBar a:visited {color:#055D66;text-decoration:underline;}
     #navBar a:hover {color:#000000;text-decoration:none;}
#content {background:url('/.s/t/915/6.jpg') no-repeat;width:900px;text-align:right;padding:30px 7px 5px 7px;margin-left:auto;margin-right:auto;color:#36CBDB;font-size:8pt;}
     *html #content {width:914px !important;height:50px !important;}
.boxTable {width:207px;}
.boxTitle {height:50px;background:url('/.s/t/915/7.gif') no-repeat;padding-left:60px;}
.boxContent {background:url('/.s/t/915/8.gif') bottom no-repeat;padding:0 5px 20px 10px}
#footer {width:914px;border-top:1px solid #40575A;background:#29373A;height:50px;margin-left:auto;margin-right:auto;}
     *html #footer {width:914px !important;}
#footer p {position:relative;top:40%;text-align:center;color:#70989D;font-size:7pt;margin:0;padding:0;}

a:link {text-decoration:underline; color:#30EBFF;}
a:active {text-decoration:underline; color:#30EBFF;}
a:visited {text-decoration:underline; color:#30EBFF;}
a:hover {text-decoration:none; color:#FFFFFF;}

td, body {font-family:verdana,arial,helvetica; font-size:8pt; color:#ABD0DA}
form {padding:0px;margin:0px;}
input,textarea,select {vertical-align:middle; font-size:8pt; font-family:verdana,arial,helvetica;}
.copy {font-size:7pt;}

a.noun:link {text-decoration:none; color:#73CDE5}
a.noun:active {text-decoration:none; color:#73CDE5}
a.noun:visited {text-decoration:none; color:#73CDE5}
a.noun:hover {text-decoration:none; color:#FFFFFF}
.mframe1 {padding:2 10 30 10px;}
hr {color:#2DAAB7;height:1px;}
label {cursor:pointer;cursor:hand}

.blocktitle {font-family:Verdana,Sans-Serif;color:#ABD0DA;font-size:13px;font-weight:bold; padding-left:22px; background: url('/.s/t/915/9.gif') no-repeat 5px 2px;}

.menut0 {background:#435381;border-top:1px solid #FFFFFF;border-right:1px solid #FFFFFF;}
.menut {padding:2 3 3 15px;background:#29373A;border-top:1px solid #FFFFFF;border-right:1px solid #FFFFFF;border-bottom:4px solid #FFFFFF;}
.mframe {padding:2 0 30 30px;}
.bannerTable {width:468;height:60;background:#29373A;border-top:1px solid #FFFFFF;border-left:1px solid #FFFFFF;border-bottom:4px solid #FFFFFF;}

.menu1 {font-weight:bold;font-size:8pt;font-family:Arial,Sans-Serif;}
a.menu1:link {text-decoration:none; color:#30EBFF}
a.menu1:active {text-decoration:none; color:#30EBFF}
a.menu1:visited {text-decoration:none; color:#30EBFF}
a.menu1:hover {text-decoration:none; color:#000000}
/* ------------- */

/* Menus */
ul.uz, ul.uMenuRoot {list-style: none; margin: 0 0 0 0; padding-left: 0px;}
li.menus {margin: 0; padding: 0 0 0 17px; background: url('/.s/t/915/10.gif') no-repeat; margin-bottom: .6em;}
/* ----- */

/* Site Menus */
.uMenuH li {float:left;padding:0 5px;}

.uMenuV .uMenuItem {font-weight:bold;}
.uMenuV li a:link {text-decoration:none; color:#FFFFFF;}
.uMenuV li a:active {text-decoration:none; color:#FFFFFF;}
.uMenuV li a:visited {text-decoration:none; color:#FFFFFF;}
.uMenuV li a:hover {text-decoration:none; color:#30EBFF;}

.uMenuV .uMenuItemA {font-weight:bold;}
.uMenuV a.uMenuItemA:link {text-decoration:none; color:#30EBFF}
.uMenuV a.uMenuItemA:visited {text-decoration:none; color:#30EBFF}
.uMenuV a.uMenuItemA:hover {text-decoration:underline; color:#30EBFF}
.uMenuV .uMenuArrow {position:absolute;width:10px;height:10px;right:0;top:3px;background:url('/.s/img/wd/1/ar1.gif') no-repeat 0 0;}
.uMenuV li {margin: 0; padding: 0 0 0 17px; background: url('/.s/t/915/10.gif') no-repeat; margin-bottom: .6em;}
/* --------- */

/* Module Part Menu */
.catsTd {padding: 0 0 6px 17px; background: url('/.s/t/915/10.gif') no-repeat;}
.catNumData {font-size:7pt;color:#D8D5D5;}
.catDescr {font-size:7pt; padding-left:10px;}
a.catName:link {text-decoration:none; color:#73CDE5;}
a.catName:visited {text-decoration:none; color:#73CDE5;}
a.catName:hover {text-decoration:none; color:#FFFFFF;}
a.catName:active {text-decoration:none; color:#73CDE5;}
a.catNameActive:link {text-decoration:none; color:#30EBFF;}
a.catNameActive:visited {text-decoration:none; color:#30EBFF;}
a.catNameActive:hover {text-decoration:none; color:#FFFFFF;}
a.catNameActive:active {text-decoration:none; color:#30EBFF;}
/* ----------------- */

/* Entries Style */
.eBlock {}
.eTitle {font-family:Verdana,Arial,Sans-Serif;font-size:13px;font-weight:bold;color:#ABD0DA; padding: 0 0 0 18px; background: url('/.s/t/915/11.gif') no-repeat;}
.eTitle a:link {text-decoration:none; color:#30EBFF;}
.eTitle a:visited {text-decoration:none; color:#30EBFF;}
.eTitle a:hover {text-decoration:none; color:#FFFFFF;}
.eTitle a:active {text-decoration:none; color:#30EBFF;}

.eText {text-align:justify; padding:5px;border-top:1px dashed #EFEFEF;}

.eDetails {border-top:1px dashed #2DAAB7;border-bottom:1px dashed #2DAAB7;color:#2DAAB7;padding-bottom:5px;padding-top:3px;text-align:left;font-size:7pt;}
.eDetails1 {border-top:1px dashed #2DAAB7;border-bottom:1px dashed #2DAAB7;color:#2DAAB7;padding-bottom:5px;padding-top:3px;text-align:left;font-size:8pt;}
.eDetails2 {border-top:1px dashed #2DAAB7;border-bottom:1px dashed #2DAAB7;color:#2DAAB7;padding-bottom:5px;padding-top:3px;text-align:left;font-size:8pt;}

.eRating {font-size:7pt;}

.eAttach {margin: 16px 0 0 0; padding: 0 0 0 15px; background: url('/.s/t/915/12.gif') no-repeat 0px 0px;}
/* --------------- */

/* Entry Manage Table */
.manTable {}
.manTdError {color:#FF0000;}
.manTd1 {}
.manTd2 {}
.manTd3 {}
.manTdSep {}
.manHr {}
.manTdBrief {}
.manTdText {}
.manTdFiles {}
.manFlFile {}
.manTdBut {}
.manFlSbm {}
.manFlRst {}
.manFlCnt {}
/* ------------------ */

/* Comments Style */
.cAnswer {color:#F4F5F7;padding-left:15px;padding-top:4px;font-style:italic;}

.cBlock1 {background:#29373A;border:1px solid #40575A;border-bottom:1px solid #40575A;}
.cBlock2 {background:#29373A;border:1px solid #40575A;border-bottom:1px solid #40575A;}
/* -------------- */

/* Comments Form Style */
.commTable {background:#29373A;border:1px solid #40575A;border-bottom:1px solid #40575A;}
.commTd1 {color:#ABD0DA;font-weight:bold;padding-left:5px;}
.commTd2 {padding-bottom:2px;}
.commFl {width:100%;color:#FFFFFF;background:#131A1F;border:1px solid #40575A;}
.smiles {background:#131A1F;border:1px solid #40575A;}
.commReg {padding: 10 0 10 0px; text-align:center;}
.commError {color:#FF0000;}
.securityCode {}
/* ------------------- */

/* News/Blog Archive Menu */
.archUl {list-style: none; margin:0; padding-left:0;}
.archLi {padding: 0 0 3px 10px; background: url('/.s/t/915/13.gif') no-repeat 0px 4px;}
.archActive {color:#ABD0DA;}
a.archLink:link {text-decoration:underline; color:#ABD0DA;}
a.archLink:visited {text-decoration:underline; color:#ABD0DA;}
a.archLink:hover {text-decoration:none; color:#D8D5D5;}
a.archLink:active {text-decoration:none; color:#D8D5D5;}
/* ---------------------- */

/* News/Blog Archive Style */
.archiveCalendars {text-align:center;color:#B5C4E1;}
.archiveDateTitle {font-weight:bold;color:#ABD0DA;padding-top:15px;}
.archEntryHr {width:250px;color:#DDDDDD;}
.archiveeTitle li {margin-left: 15px; padding: 0 0 0 15px; background: url('/.s/t/915/14.gif') no-repeat 0px 2px; margin-bottom: .6em;}
.archiveEntryTime {width:65px;font-style:italic;}
.archiveEntryComms {font-size:9px;color:#C3C3C3;}
a.archiveDateTitleLink:link {text-decoration:none; color:#FFFFFF}
a.archiveDateTitleLink:visited {text-decoration:none; color:#FFFFFF}
a.archiveDateTitleLink:hover {text-decoration:underline; color:#FFFFFF}
a.archiveDateTitleLink:active {text-decoration:underline; color:#FFFFFF}
.archiveNoEntry {text-align:center;color:#B5C4E1;}
/* ------------------------ */

/* News/Blog Calendar Style */
.calMonth {}
.calWday {color:#FFFFFF; background:#40575A; width:18px;}
.calWdaySe {color:#233039; background:#73CDE5; width:18px;}
.calWdaySu {color:#233039; background:#73CDE5; width:18px; font-weight:bold;}
.calMday {color:#ABD0DA;background:#29373A;border:1px solid #40575A;}
.calMdayA {color:#000000;background:#30EBFF; font-weight:bold;}
.calMdayIs {color:#FFFFFF;background:#29373A;font-weight:bold;border: 1px solid #30EBFF;}
.calMdayIsA {border:1px solid #FFFFFF; background:#40575A;font-weight:bold;}
a.calMonthLink:link,a.calMdayLink:link {text-decoration:none; color:#FFFFFF;}
a.calMonthLink:visited,a.calMdayLink:visited {text-decoration:none; color:#FFFFFF;}
a.calMonthLink:hover,a.calMdayLink:hover {text-decoration:underline; color:#FFFFFF;}
a.calMonthLink:active,a.calMdayLink:active {text-decoration:none; color:#FFFFFF;}
/* ------------------------ */

/* Poll styles */
.pollBut {width:110px;}

.pollBody {padding:7px; margin:0px; background:#000000;}
.textResults {background:#FFFFFF}
.textResultsTd {background:#29373A}

.pollNow {background:#FFFFFF}
.pollNowTd {background:#29373A}

.totalVotesTable {}
.totalVotesTd {background:#29373A}
/* ---------- */

/* User Group Marks */
a.groupModer:link,a.groupModer:visited,a.groupModer:hover {color:yellow;}
a.groupAdmin:link,a.groupAdmin:visited,a.groupAdmin:hover {color:pink;}
a.groupVerify:link,a.groupVerify:visited,a.groupVerify:hover {color:#99CCFF;}
/* ---------------- */

/* Other Styles */
.replaceTable {background:#0E1316;height:100px;width:300px;border:1px solid #88D7EC;}
.replaceBody {background:#131A1F;}

.legendTd {font-size:7pt;}
/* ------------ */

/* ===== forum Start ===== */

/* General forum Table View */
.gTable {background:#40575A;}
.gTableTop {padding:2px;height:35px;background:url('/.s/t/915/1.gif') repeat-x #63DDEA;color:#003B42;font-family:Verdana,Sans-Serif;font-size:13px;font-weight:bold; padding-left:22px;}
.gTableSubTop {padding:2px;background:#0E1316;height:20px;font-size:10px;}
.gTableBody {padding:2px;background:#1D2929;}
.gTableBody1 {padding:2px;background:#1D2929;}
.gTableBottom {padding:2px;background:#29373A;}
.gTableLeft {padding:2px;background:#29373A;color:#ABD0DA}
.gTableRight {padding:2px;background:#29373A;color:#ABD0DA;}
.gTableError {padding:2px;background:#29373A;color:#FF0000;}
/* ------------------------ */

/* Forums Styles */
.forumNameTd,.forumLastPostTd {padding:2px;background:#1D2929}
.forumIcoTd,.forumThreadTd,.forumPostTd {padding:2px;background:#29373A}
.forumLastPostTd,.forumArchive {padding:2px;font-size:7pt;}

a.catLink:link {text-decoration:none; color:#000000;}
a.catLink:visited {text-decoration:none; color:#000000;}
a.catLink:hover {text-decoration:none; color:#FFFFFF;}
a.catLink:active {text-decoration:none; color:#000000;}

.lastPostGuest,.lastPostUser,.threadAuthor {}
.archivedForum{font-size:7pt;color:#FF0000;}
/* ------------- */

/* forum Titles & other */
.forum {font-size:9pt;}
.forumDescr,.forumModer {color:#CCCCCC;font-size:7pt;}
.forumViewed {font-size:9px;}
a.forum:link, a.lastPostUserLink:link, a.forumLastPostLink:link, a.threadAuthorLink:link {text-decoration:none; color:#30EBFF;}
a.forum:visited, a.lastPostUserLink:visited, a.forumLastPostLink:visited, a.threadAuthorLink:visited {text-decoration:none; color:#30EBFF;}
a.forum:hover, a.lastPostUserLink:hover, a.forumLastPostLink:hover, a.threadAuthorLink:hover {text-decoration:none; color:#FFFFFF;}
a.forum:active, a.lastPostUserLink:active, a.forumLastPostLink:active, a.threadAuthorLink:active {text-decoration:none; color:#30EBFF;}
/* -------------------- */

/* forum Navigation Bar */
.forumNamesBar {padding-bottom:7px;font-size:7pt;}
.forumBarKw {font-weight:normal;}
a.forumBarA:link {text-decoration:none; color:#30EBFF;}
a.forumBarA:visited {text-decoration:none; color:#30EBFF;}
a.forumBarA:hover {text-decoration:none; color:#FFFFFF;}
a.forumBarA:active {text-decoration:none; color:#30EBFF;}
/* -------------------- */

/* forum Fast Navigation Blocks */
.fastNav,.fastSearch,.fastLoginForm {font-size:7pt;}
/* ---------------------------- */

/* forum Fast Navigation Menu */
.fastNavMain {background:#435381;color:#FFFFFF;}
.fastNavCat {background:#E7EEF8;}
.fastNavCatA {background:#E7EEF8;color:#0000FF}
.fastNavForumA {color:#0000FF}
/* -------------------------- */

/* forum Page switches */
.pagesInfo {background:#0E1316;padding-right:10px;font-size:7pt;}
.switches {background:#88D7EC;}
.switch {background:#29373A;width:15px;font-size:7pt;}
.switchActive {background:#30EBFF;font-weight:bold;color:#000000;width:15px}
a.switchDigit:link,a.switchBack:link,a.switchNext:link {text-decoration:none; color:#30EBFF;}
a.switchDigit:visited,a.switchBack:visited,a.switchNext:visited {text-decoration:none; color:#30EBFF;}
a.switchDigit:hover,a.switchBack:hover,a.switchNext:hover {text-decoration:none; color:#FFFFFF;}
a.switchDigit:active,a.switchBack:active,a.switchNext:active {text-decoration:none; color:#30EBFF;}
/* ------------------- */

/* forum Threads Style */
.threadNametd,.threadAuthTd,.threadLastPostTd {padding:2px;padding:2px;background:#1D2929}
.threadIcoTd,.threadPostTd,.threadViewTd {padding:2px;background:#29373A}
.threadLastPostTd {padding:2px;font-size:7pt;}
.threadDescr {color:#CCCCCC;font-size:7pt;}
.threadNoticeLink {font-weight:bold;}
.threadsType {padding:2px;background:#30EBFF;height:20px;font-weight:bold;font-size:7pt;color:#000000;padding-left:40px;}
.threadsDetails {padding:2px;background:#1D2929;height:20px;color:#FEFEFE;}
.forumOnlineBar {padding:2px;background:#1D2929;height:20px;color:#FEFEFE;}

a.threadPinnedLink:link {text-decoration:none; color:#30EBFF;}
a.threadPinnedLink:visited {text-decoration:none; color:#30EBFF;}
a.threadPinnedLink:hover {text-decoration:none; color:#FFFFFF;}
a.threadPinnedLink:active {text-decoration:none; color:#30EBFF;}

.threadPinnedLink,.threadLink {font-weight:bold;}
a.threadLink:link {text-decoration:none; color:#30EBFF;}
a.threadLink:visited {text-decoration:none; color:#30EBFF;}
a.threadLink:hover {text-decoration:none; color:#FFFFFF;}
a.threadLink:active {text-decoration:none; color:#30EBFF;}

.postpSwithces {font-size:7pt;}
.thDescr {font-weight:normal;}
.threadFrmBlock {font-size:7pt;text-align:right;}
/* ------------------- */

/* Posts View */
.postTable {background:#002F3C}
.postPoll {background:#29373A;text-align:center;}
.postFirst {background:#29373A;border-bottom:3px solid #30EBFF;}
.postRest1 {background:#29373A;}
.postRest2 {background:#29373A;}
.postSeparator {height:2px;background:#88D7EC;}

.postTdTop {background:#0E1316;height:20px;}
.postBottom {background:#1D2929;height:17px;}
.postUser {font-weight:bold;}
.postTdInfo {background:#29373A;text-align:center;padding:5px;}
.postRankName {margin-top:5px;}
.postRankIco {margin-bottom:5px;margin-bottom:5px;}
.reputation {margin-top:5px;}
.signatureHr {margin-top:20px;color:#CCCCCC;}
.posttdMessage {background:#1D2929; padding: 10px;}

.postPoll {padding:5px;}
.pollQuestion {text-align:center;font-weight:bold;}
.pollButtons,.pollTotal {text-align:center;}
.pollSubmitBut,.pollreSultsBut {width:140px;font-size:7pt;}
.pollSubmit {font-weight:bold;}
.pollEnd {text-align:center;height:30px;}

.codeMessage {background:#131A1F;font-size:9px;}
.quoteMessage {background:#131A1F;font-size:9px;}

.signatureView {font-size:7pt;}
.edited {padding-top:30px;font-size:7pt;text-align:right;color:#CCCCCC;}
.editedBy {font-weight:bold;font-size:8pt;}

.statusBlock {padding-top:3px;}
.statusOnline {color:#FFFF00;}
.statusOffline {color:#FFFFFF;}
/* ---------- */

/* forum AllInOne Fast Add */
.newThreadBlock {background: #F9F9F9;border: 1px solid #B2B2B2;}
.newPollBlock {background: #F9F9F9;border: 1px solid #B2B2B2;}
.newThreadItem {padding: 0 0 0 8px; background: url('/.s/t/915/15.gif') no-repeat 0px 4px;}
.newPollItem {padding: 0 0 0 8px; background: url('/.s/t/915/15.gif') no-repeat 0px 4px;}
/* ----------------------- */

/* Post Form */
.codeButtons {font-size:7pt;color:#30EBFF;background:#131A1F;border:1px solid #40575A;}
.codeCloseAll {font-size:7pt;color:#30EBFF;background:#131A1F;border:1px solid #40575A;font-weight:bold;}
.postNameFl,.postDescrFl {background:#131A1F;border:1px solid #40575A;width:400px;color:#FFFFFF;}
.postPollFl,.postQuestionFl {background:#131A1F;border:1px solid #40575A;width:400px;color:#FFFFFF;}
.postResultFl {background:#131A1F;border:1px solid #40575A;width:50px;color:#FFFFFF;}
.postAnswerFl {background:#131A1F;border:1px solid #40575A;width:300px;color:#FFFFFF;}
.postTextFl {background:#131A1F;border:1px solid #40575A;width:550px;height:150px;color:#FFFFFF;}
.postUserFl {background:#131A1F;border:1px solid #40575A;width:300px;color:#FFFFFF;}

.pollHelp {font-weight:normal;font-size:7pt;padding-top:3px;}
.smilesPart {padding-top:5px;text-align:center}
/* --------- */

/* ====== forum End ====== */

Die Grafik Nr. 2.jpg ist die Hintergrundgrafik. Die habe ich durch den kompletten Link der neuen Grafik ersetzt ( auch mit http:// .... usw. ).

Mfg Jendri

Cheburator
Beiträge: 2172
Ruf: 83
Beitrag # 4 | 18:37
Jendri, ja du musst einfach /.s/t/915/2.jpg durch /Bilder/test.jpg ersetzen!


Meine uCoz Website: uScripts.de
Mein Blog: *Soon*
Jendri
Beiträge: 7
Ruf: 0
Beitrag # 5 | 18:41
Okay, ich danke dir.
SPLASHROCKER
Beiträge: 462
Ruf: 9
Beitrag # 6 | 19:22
Jendri, hast du es hinbekommen?

+ bitte schreibt nicht in die Beiträge anderer User
+ Eröffnet bitte einen neuen Thread (Beitrag) und postet (schreibt) Eure Anfragen ins Forum

WWW.SCHIMMLERS.DE
+++ GRAFFITI +++ VIDEOS +++ MUSIKDOWNLOADPORTAL +++ PARTYPICS +++

noobishrabbit
Beiträge: 929
Ruf: 33
Beitrag # 7 | 21:58
normalerweise spielt das keine Rolle, ob man jetzt den kompletten Link abgibt, oder so wie Cheburator es angegeben hat. Aber ich konnte die zweite Grafik zum Beispiel gerade nicht aufrufen, vielleicht liegt das daran?

wuerzburg-riders.de - the place to be

in NOTFÄLLEN dürft mich per PN anschreiben, dann versuche ich euch zu helfen :)
Gemeinschaft uCoz » Für Webmaster » Design » Wie ändere ich die Hintergrundgrafik ?
  • Seite 1 von 1
  • 1
Suche: