myGully.com

myGully.com (https://mygully.com/index.php)
-   Programmierung (https://mygully.com/forumdisplay.php?f=67)
-   -   Blogspot Backgound Problem (https://mygully.com/showthread.php?t=2014705)

chukchee 22.03.10 19:32

Blogspot Backgound Problem
 
hallo

ich versuche schon stundenlang einen code für meinen blog zu finden

ich habe auf dieser [Link nur für registrierte und freigeschaltete Mitglieder sichtbar. Jetzt registrieren...] gesehen das das hintergundbild fixiert ist
wenn ich mein browserfenster vergrößere oder verkleinere
bleiben die posts und die sidebar immer im schwarzen bereich des hintergrunds

wenn ich nun ein hintergundbild auf [Link nur für registrierte und freigeschaltete Mitglieder sichtbar. Jetzt registrieren...] einfüge
(mit rand wie auf der beispielseite und schwarzer mitte)
und das browserfenster nun wieder größer und kleiner mache
laufen meine posts und die sidebar aus der schwarzen mitte heraus
der hintergund ist sozusagen steif der vordergund aber nicht

und ich möchte es gern komplett steif haben wie auf der beispielseite

ich hoffe mir kann jemand helfen
eigentlich kann das ja keine so große sache sein :unibrow:

hier noch mein code
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 expr:dir='data:blog.languageDirection' 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[/*
-----------------------------------------------
Blogger Template Style
Name: Minima Black
Date: 26 Feb 2004
Updated by: Blogger Team
----------------------------------------------- */

/* Variable definitions
====================
<Variable name="bgcolor" des*****ion="Page Background Color"
type="color" default="#000" value="#000000">
<Variable name="textcolor" des*****ion="Text Color"
type="color" default="#ccc" value="#cccccc">
<Variable name="linkcolor" des*****ion="Link Color"
type="color" default="#9ad" value="#99aadd">
<Variable name="pagetitlecolor" des*****ion="Blog Title Color"
type="color" default="#ccc" value="#cccccc">
<Variable name="des*****ioncolor" des*****ion="Blog Des*****ion Color"
type="color" default="#777" value="#777777">
<Variable name="titlecolor" des*****ion="Post Title Color"
type="color" default="#ad9" value="#aadd99">
<Variable name="bordercolor" des*****ion="Border Color"
type="color" default="#333" value="#333333">
<Variable name="sidebarcolor" des*****ion="Sidebar Title Color"
type="color" default="#777" value="#777777">
<Variable name="sidebartextcolor" des*****ion="Sidebar Text Color"
type="color" default="#999" value="#999999">
<Variable name="visitedlinkcolor" des*****ion="Visited Link Color"
type="color" default="#a7a" value="#aa77aa">
<Variable name="bodyfont" des*****ion="Text Font"
type="font" default="normal normal 100% 'Trebuchet MS',Trebuchet,Verdana,Sans-serif" value="normal normal 100% 'Trebuchet MS',Trebuchet,Verdana,Sans-serif">
<Variable name="headerfont" des*****ion="Sidebar Title Font"
type="font"
default="normal bold 78% 'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif" value="normal bold 78% 'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif">
<Variable name="pagetitlefont" des*****ion="Blog Title Font"
type="font"
default="normal bold 200% 'Trebuchet MS',Trebuchet,Verdana,Sans-serif" value="normal bold 200% 'Trebuchet MS',Trebuchet,Verdana,Sans-serif">
<Variable name="des*****ionfont" des*****ion="Blog Des*****ion Font"
type="font"
default="normal normal 78% 'Trebuchet MS', Trebuchet, Verdana, Sans-serif" value="normal normal 78% 'Trebuchet MS', Trebuchet, Verdana, Sans-serif">
<Variable name="postfooterfont" des*****ion="Post Footer Font"
type="font"
default="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif" value="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif">
<Variable name="startSide" des*****ion="Start side in blog language"
type="automatic" default="left" value="left">
<Variable name="endSide" des*****ion="End side in blog language"
type="automatic" default="right" value="right">
*/

/* Use this with templates/template-twocol.html */

body {
background:$bgcolor;
margin:0;
color:$textcolor;
font: x-small "Trebuchet MS", Trebuchet, Verdana, Sans-serif;
font-size/* */:/**/small;
font-size: /**/small;
text-align: center;
background-image:url( http://images2.layoutsparks.com/1/24...lack-image.jpg );}

Irolight 23.03.10 00:42

der body teil bekommt noch ein background-attachment: fixed;

chukchee 23.03.10 10:17

also müsste das wie folgt aussehen

Zitat:

body {
background-attachment: fixed;
background:$bgcolor;
margin:0;
color:$textcolor;
font: x-small "Trebuchet MS", Trebuchet, Verdana, Sans-serif;
font-size/* */:/**/small;
font-size: /**/small;
text-align: center;
background-image:url( http://images2.layoutsparks.com/1/24...lack-image.jpg );}
auf diese weise funktioniert es ja leider nicht
weil der background somit immer oben links anfängt
egal wie groß oder klein ich meinen browser mache
in meinem beispiel fährt bei einem kleinen browserfenster
der background ins leere und bleibt nicht steif oben links :)
aber trotzdem schonmal schönen dank

Irolight 24.03.10 00:22

ok 2 Versuch
füge noch zusätzlich
Code:

background-position: center center;
background-repeat: no-repeat;


chukchee 27.03.10 12:08

hm klappt leider auch nicht

das ist echt verzwickt
bei meiner beispiel page
sieht der code auch ganz anders aus
da ist gar kein code für den background wie bei mir
und ich vermute da der obere teil im seitencode ein ganz anderer ist als meiner
das darin die information für das hintergund bild steckt
so siehts nun bei mir aus
Zitat:

body {background-repeat: no-repeat;
background-position: center center;
background:$bgcolor;
margin:0;
color:$textcolor;
font: x-small "Trebuchet MS", Trebuchet, Verdana, Sans-serif;
font-size/* */:/**/small;
font-size: /**/small;
text-align: center;
background-image:url( http://images2.layoutsparks.com/1/24...lack-image.jpg );

}
und ich glaube dieser code ist bei der beispielpage komplett leer
die müsste das also an einer anderen stelle mit einem eigenen code eingegeben haben
nur wie und mit welchem code :)
wäre echt toll das noch mal herauszufinden

danke für die hilfe


Alle Zeitangaben in WEZ +1. Es ist jetzt 03:50 Uhr.

Powered by vBulletin® (Deutsch)
Copyright ©2000 - 2025, Jelsoft Enterprises Ltd.