Mitscrollendes Element an der Seite

Alles zu Styles, Templates, Icons und Smilies für phpBB 3.0.x, sowie allgemeine Designfragen zur Integration von phpBB in bestehende Websites.
phpBB Styles Demo
Forumsregeln
Bei Style spezifischen Fragen ist der Stylename und die Downloadquelle des Styles erforderlich, besser noch die URL vom betroffenen Forum.
Antworten
attemis
Mitglied
Beiträge: 23
Registriert: 03.05.2011 11:06

Mitscrollendes Element an der Seite

Beitrag von attemis »

Hallo,

ich würde gerne auf meiner Webseite an der linken Seite eine verlinkte Grafik einfügen.
Diese sollte Mitscrollen.

Danke im voraus!
Benutzeravatar
Talk19zehn
Ehemaliges Teammitglied
Beiträge: 5038
Registriert: 08.06.2009 12:03

Re: Mitscrollendes Element an der Seite

Beitrag von Talk19zehn »

Hello attemis,

ich würde dir gerne helfen, die Informationen sind jedoch etwas dürftig.

Ein Ansatz wäre:
http://www.web-toolbox.net/webtoolbox/c ... en-bsp.htm

und

http://www.css4you.de/background-attachment.html

Beste Grüße
Adventereigniskalender für phpBB 3.3.x,
Meine persönliche Meinung im Jahr 2024: Im Zenit seiner Popularität wirkt KI zunächst wie eine Blaupause und lässt sich aufgrund der Vielschichtigkeit nicht auf eine einzige Botschaft reduzieren.
attemis
Mitglied
Beiträge: 23
Registriert: 03.05.2011 11:06

Re: Mitscrollendes Element an der Seite

Beitrag von attemis »

danke!
obwohl ich das etwas anders gemeint hatte:
wenn man auf der seite scrollt, ist links oder rechts eine kleine grafik (70 mal 70 oder so), die mitleuft
Benutzeravatar
Talk19zehn
Ehemaliges Teammitglied
Beiträge: 5038
Registriert: 08.06.2009 12:03

Re: Mitscrollendes Element an der Seite

Beitrag von Talk19zehn »

Mitscrollendes Element an der Seite
Hello, daraus ließe sich doch ein Konstrukt erstellen? Ich würde es wie folgt ausprobieren:

common.css

Code: Alles auswählen

body {
/* Text-Sizing with ems: http://www.clagnut.com/blog/348/ */
	font-family: Verdana, Helvetica, Arial, sans-serif;
	color: #000000;
	background-color: #FFFFFF;
/*font-size: 62.5%;          This sets the default font size to be equivalent to 10px */
	font-size: 10px;
	margin: 0 auto;
	padding: 10px 0;
}
Ergänze hierin um:

Code: Alles auswählen

background-image: url("{T_THEME_PATH}/images/diegrafik.gif");
background-repeat: no-repeat;
background-position: 10px 100px;
background-attachment: fixed;
Anmerkung:
background-position: 10px 100px;
Abstand von links, Abstand von oben

Wenn nun Deine Grafik 70px breit ist und du den Abstand von links zzgl. ein paar Pixel hinzu nimmst, müsstest du das Forum ( Wrap ) um ca. 82px (?) nach rechts verschieben. Wenn die Grafik transparent ist, musst du mal schauen, welcher Abstand linksseitig ( padding 78px ) in Frage käme. Eventuell musst du ggf. auch mit margin experimentieren --> von Fall zu Fall, sozusagen.

Beispiel:

Code: Alles auswählen

#wrap {
padding: 0px 2px 0px 78px;
min-width: 650px;
margin: 0 auto;
}


Das sollte machbar sein. Nicht in allen Teilen getestet. :wink:
Siehe bitte ebenso:
http://www.css4you.de/padding-left.html
http://www.css4you.de/margin.html

Grüße
Adventereigniskalender für phpBB 3.3.x,
Meine persönliche Meinung im Jahr 2024: Im Zenit seiner Popularität wirkt KI zunächst wie eine Blaupause und lässt sich aufgrund der Vielschichtigkeit nicht auf eine einzige Botschaft reduzieren.
attemis
Mitglied
Beiträge: 23
Registriert: 03.05.2011 11:06

Re: Mitscrollendes Element an der Seite

Beitrag von attemis »

danke!
ich muss nähmlich noch nen link für den adventskalendar einbauen :wink:
obwohl es noch nicht weihnachten ist!
Benutzeravatar
Talk19zehn
Ehemaliges Teammitglied
Beiträge: 5038
Registriert: 08.06.2009 12:03

Re: Mitscrollendes Element an der Seite

Beitrag von Talk19zehn »

Hello!!
Bitte und gerne, wenn es geholfen hat.

Ich fange auch frühzeitig mit etlichen Teilchen an.... :wink: ---> Gut vorbereitet zu sein, kann nicht schaden!! Wer hat, der hat!!

LG
Adventereigniskalender für phpBB 3.3.x,
Meine persönliche Meinung im Jahr 2024: Im Zenit seiner Popularität wirkt KI zunächst wie eine Blaupause und lässt sich aufgrund der Vielschichtigkeit nicht auf eine einzige Botschaft reduzieren.
Antworten

Zurück zu „[3.0.x] Styles, Templates und Grafiken“