HTML Scrollbox programmieren

[Houseputz]

Guten Tag,
habe ein Wordpress-Theme und bin letztens auf das Design von selbständig-im-netz gestoßen.
Sieht ungefähr so aus:

Kann mir jemand helfen, dass selber umzusetzen?
Ein Codeschnipsel würde vllt. sogar schon reichen!

 

[Crizzo]

Wie helfen? Wo klemmt es denn jetzt genau?

 

[kachiri]

position: fixed;

...und alles ist geregelt.


Okay - die Seite angeschaut. Das Ding scrollt nicht mit.
Dann:

position: relative;

Und eben mit den Werten top, left, right, bottom ausrichten.
Ansonsten geht es auch schlicht mit negativen Werten für den Außenabstand (margin).

 

[Houseputz]

Kann ich mal den Link zu meiner Seite und dem Theme einstellen? Würde vllt. helfen oder?
Das Problem bei position: fixed; : Wie schaffe ich das, dass das Logo so "abgeschnitten" ist, also aussieht als sei es unter der Content-Bereich drunter geschoben wurden..?
Ich hoffe ihr versteht was ich meine!

 

[kachiri]

z-index ist das Zauberwort
http://www.css4you.de/z-index.html

Ach ja - HTML/CSS schreibt man - sind Auszeichnungssprachen

 

[Whiz-zarD]

Wofür braucht man dort den z-index?
Das ist doch nur ein einfaches Bild. -> Klick

 

[Houseputz]

Und bei welcher php Datei muss ich den Code jetzt reinkopieren auf meiner Seite?!
Soll rechts sein... http://net-netz-blog.de/

 

[Whiz-zarD]

Das kommt ja jetzt nun auf das Wordpress-Theme selbst drauf an.
Keiner kann ja ahnen, wie das Theme aufgebaut ist.

Wenn das Theme so strukturiert ist, wie Wordpress es vorsieht, gehört es aber wohl in die header.php oder footer.php.

 

[Houseputz]

Kann ich jemand von euch vertrauen, einen temporären Zugang geben und er richtet mir das schnell ein?!

 

[killray]

Ach komm, ein wenig learning by doing darf schon sein, echt jetzt junge ;-).

 

[Houseputz]

Ich kriegs nicht hin ;(
Hab hier was probiert undzwar hab ich in der style-section-layout.css den Codeschnipsel eingefügt:
#r3 { width:150px; height:35px; position:relative; top:5px; left:25px; background-color:#dfd; }

Naja, das sind die Stylesheets:
Stylesheets
Stylesheet
(style.css)
style-browser-ie.css
(style-browser-ie.css)
style-section-colors.css
(style-section-colors.css)
style-section-layout.css
(style-section-layout.css)
style-section-navigation.css
(style-section-navigation.css)
style-section-pagination.css
(style-section-pagination.css)
style-section-required.css
(style-section-required.css)
style-section-typography.css
(style-section-typography.css)
style-ui-tabs.css
(style-ui-tabs.css)

Wohin also mit dem Zeug ...

 

[chriz0101]

Ich würds in der style.css erstmal probieren