CSS: Breite des blogs editieren
-
Hallo,
ich habe folgendes Problem:
beim Editieren der Breite des containers und die gewünschte Spalten-Breite von 1280px wird zwar der Text richtig angezeigt, jedoch Grafik der sidebar und vor allem die unter dem CSS tag #content – definierte Hintergrund-Grafik des blogs nicht.Ist es generell möglich, die Grafik für die Spalten-Breite, die den Artikel untermalt & hervorhebt, in die Breite zu ziehen bzw. eine für die entsprechende Auflösung optimierte Version des templates einzubinden / anzufordern?
greetz
Der Blog bei dem ich Hilfe benötige heißt (nur für angemeldete Benutzer sichtbar).
-
bzw. steht beim theme ‚greyzed‘, welches ich benutze „fixed-width“ in den Merkmalen.
Das ist doch Mißt! ..wie kann ich das umgehen – gibts ein work-around?
Wenn ich schon keine eigenen themes / templates uppen kann, muss doch wenigstens die Breite einstellbar sein..?! :(
-
wieso kann ich den gesamten CSS-Code kopieren & einfügen in den Editor –> ‚Von vorn beginnen und folgendes verwenden‘ &speichern..
Und es zeigt keine einzige Grafik des themes an??
Ich kapiere das schon seit Monaten nicht!
..Wo bekommt man denn hierfür HILFE?!Ich will doch nur einen schön breiten blog mit den zur Verfügung stehenden themes einrichten..!
Hoffentlich antwortet bald wer..;O
[Doppelpost entfernt – Moderator]
-
Hast Du denn das CSS Upgrade?
http://en.support.wordpress.com/custom-css/Wenn ja, dann müsstest Du dir die Grafiken herunterladen und entsprechend verändern oder neue erstellen und dann die Grafiken in der CSS-Datei mit den neuen ersetzen.
Die Grafiken werden in der CSS-Datei ganz normal referenziert.
Aber …
Ich empfehle dir keine Breite von 1280 Pixel zu benutzen. Inzwischen gibt es viele Netbook-Nutzer, die maximal 1024 Pixel Breite zur Verfügung stehen haben, die dann horizontal scrollen müssten. Eine effektive Breite von 960 Pixel wird häufig verwendet. (Bedenke den Scrollbalken, der noch rechts auftaucht…)
Abgesehen davon ist das Theme bei dir momentan nicht mehr Greyzed, sondern Neutra. Vielleicht hat sich damit das Problem sowieso erledigt.
Gruß, Torsten
-
„Wenn ja, dann müsstest Du dir die Grafiken herunterladen und entsprechend verändern“
– ahja, geht das also doch mit dem upgrade ;)
Und wie speichere ich die ab?
Ich werde eine Breite von 1224px versuchen umzusetzen – wer nur ein 1024px Display zur Verfügung hat – tut mir Leid^^
Da kann man ja auch gleich nur 554px Breite machen fürs iphone oder so – pff..Ich habe 1920px – sitze immer vorm PC beim Surfen – und mach hier schon einen gewaltigen Kompromiss (eigentlich müßte man die Breite grundsätzlich auf 1850px etwa legen, wenn’s nach mir ginge ;)
mein blog ist auch in erster Linie für mich selbst^_^ -
habe das CSS upgrade übrigends schon länger freigeschalten;
ach – da stehts ja:
„Yes. You can upload an image to your Media Library, then refer to it by its direct URL from within your CSS stylesheet.“
über die media library – und ich habe schon überall nach nem ftp gesucht..Aber nochmal: Wie speichere ich die theme-Grafiken ab?
-
Die Frage hast Du dir doch selbst schon beantwortet. Du lädst die Grafiken einfach auf deinen Blog und verlinkst sie in der CSS-Datei.
Falls Du das abspeichern der Ursprungsdateien meinst, tja da ist Handarbeit gefragt. Entweder du durchsuchst den Quellcode der CSS-Datei und suchst die Bilder per Hand heraus oder du schaust nach dem Theme im offiziellen Theme-Repository und lädst das Theme herunter, da müssten die Dateien auch drin sein, aber dann hast Du keine Garantie, ob die Dateien auch wirklich dem entsprechen, was auf WordPress.com genutzt wird (vielleicht haben die ja Änderungen vorgenommen).
Gruß, Torsten
-
aah – gut, ich hab das theme gefunden zum downloaden ;)
Danke für die schnelle Antwort!
lG, Stephan
-
hmm, die mediathek ist für sowas doch komplett ungeeignet:
Da muss man jede file einzeln hochladen und kann noch nichtmal neue Verzeichnisse erstellen – oder sehe ich das falsch?
Generell läuft das bei mir immer noch nicht ansatzweise.
Habe die entscheidenden Hintergrund-Grafiken des themes bei mir in die mediathek geuppt und im CSS-skript verlinkt.
Trotzdem zeigt es in der Vorschau die Grafiken nicht an – alles nur graue Suppe..graufarbener bg ohne die eigentlich eingebundenen pics anzuzeigen.Was mach ich da falsch – woran kanns liegen?
-
url (‚http://stephanschwarz.files.wordpress.com/2010/10/bg.jpg‘)
statt url (‚images/bg.jpg‘)– glaube sogar, auch wenn ich das mit den originalen, unveränderten images mache – ist es das gleiche Ergebnis.
-
Schon mal versucht mit „!important“ zu ergänzen?
Siehe: https://de.forums.wordpress.com/topic/css-tippsDer Flash-Uploader kann auch mehrere Dateien auf einmal hochladen:
http://en.support.wordpress.com/media/media-add-new/Ich sehe deine Bemühungen nicht live auf dem Blog, daher kann ich dir nicht direkt helfen.
Gruß, Torsten
-
ok, es scheint doch irgendwo zu klappen – aber das Preview scheint buggy oder so;
das zeigt die grafiken einfach nicht an – nur wenn ich stylesheet auch wirklich speichere & blog-site neu lade / refreshewie auch immer – muss jetzt ne Menge rumtesten.., danke erstmal soweit
-
habe folgenden code dem greyzed theme hinzugefügt:
‚body {
font-size:66%;
font-family:Tahoma, Verdana, Arial, Sans-Serif;
background:#bcc5c1 url(‚http://stephanschwarz.files.wordpress.com/2010/10/background.jpg‘) top center no-repeat;
color:#333;
text-align:center;
margin:0 0 20px;
padding:0;
}#container {
width:1310px;
background:url(‚http://stephanschwarz.files.wordpress.com/2010/10/con-bg_w1.jpg‘) top center repeat-y;
margin:0 auto;
}#header {
height:260px;
width:1310px;
color:#000;
margin:0;
padding:0;
}#page {
width:1310px;
text-align:left;
margin:0 auto;
padding:0;
}#content {
width:1007px;
float:left;
background:url(‚http://stephanschwarz.files.wordpress.com/2010/10/content-back.jpg‘) top center no-repeat;
}#content-bottom {
width:1310px;
height:35px;
background:url(‚http://stephanschwarz.files.wordpress.com/2010/10/bottom_w.jpg‘) top center repeat-y;
margin:0;
}.column {
width:937px;
min-height:720px;
margin:0;
padding:30px 0 20px 34px;
}#nav-post {
width:1007px;
height:131px;
float:left;
background:url(‚http://stephanschwarz.files.wordpress.com/2010/10/content-btm.jpg‘) top center no-repeat;
}.column .entry {
clear:left;
font-size:1.2em;
line-height:1.8em;
padding-bottom:10px;
}h2 {
font-size:2px em;
font-family:impact;
font-weight:normal;
padding-bottom:9px;
margin:30px 0 0;
}.posttitle {
width:937px;
float:left;
margin-top:20px;
background:url(‚images/arrow.gif‘) top left no-repeat;
padding:0 0 18px 43px;
}‘–> nur das header.php macht Probleme .. – ich weiß nicht, wieso die php-script scheinbar das background-image überdeckt, voll doof sieht das aus!
Kannst Du bitte mal auf den blog schaun, dann siehst Du, was ich meine – Zodiak? :)
-
Du definierst das Hintergrundbild im „body“, bei Greyzed ist es aber im „wrapper“ definiert. Ich glaube das doppelt sich gerade.
Gruß, Torsten
-
uff – korrekt Torsten ;)
dankschön – ich habe 2 Stunden das skript durchkämmt – könnte schwören der wrapper hatte bis eben gefehlt!
Hatte den irgendwie total außen vor gelassen, dabei war der gleich an zweiter Stelle?!
gn8i
-
Dein Footer ist noch nicht angepasst und an ein paar Ecken liegen die Grafiken noch nicht ganz übereinander, aber sonst ist es ganz schön geworden!
Gruß, Torsten
- Das Thema ‘CSS: Breite des blogs editieren’ ist für neue Antworten geschlossen.
de.WordPress.com Forums 