Du bist nicht angemeldet. [Anmelden]
Optionen
Thema bewerten
Boardumstrukturierungsproblem mittels Stylesheets - #1368305 - 16.01.2008, 19:47:04
aboleo
Nicht registriert


Also folgendes:
Ich bin gerade dabei mir das Knuddelsboard mithilfe von einem Stylesheet umzugestalten, klappt auch soweit ganz gut.
Jedoch bin ich im Moment gerade etwas ueberfordert, da mir der Kopf raucht.
[img]http://www1.picfront.org/picture/qigHPuFtgPF/img/kuddelforum.jpg[/img]
So sieht das jetzt aus. Ich moecht aber diesen türkisen Knuddel dort weg bekommen und ihn durch diese [img]http://www1.picfront.org/picture/WWJWJxhZG/img/on.gif[/img] Lampe ersetzen.

Der Quellcode sieht wie folgt aus:
Zitat:
<td class="lighttable" width="20">
<img src="/images/newposts.gif" alt="" />
</td>

jetzt bin ich mir sicher, dass ich durch das Abfangen der img-Tags mit der Wertzuweisung 'newposts' umsetzen laesst, jedoch komme ich einfach nicht drauf. Das sollte wie folgt funktionieren

[color:"red"]img[src~=newposts] { background-color:#FFF url(licht.img) !important; }[/color]

Wo ist jetzt hier mein Fehler

Waere nett, wenn es mal jemand auf die schnelle fuer mich parat haette.

                                                                                      ~leo

[zum Seitenanfang]  
Re: Boardumstrukturierungsproblem mittels Stylesheets [Re: ] - #1368328 - 16.01.2008, 20:06:36
Davidcool2007
M.o.E​.P in​ «3​

Registriert: 17.02.2006
Beiträge: 1.516
Ort: Berlin Neukölln
Zitat:
Ich moecht aber diesen türkisen Knuddel dort weg bekommen und ihn durch diese [img]http://www1.picfront.org/picture/WWJWJxhZG/img/on.gif[/img] Lampe ersetzen.

~leo



kann man das überhaupt ersetzen?


Bearbeitet von Davidcool2007 (16.01.2008, 20:07:10)
_________________________
...und wenn dich das Schicksal auf allen Linien schlägt, bleibt immer noch die Haltung mit der man es erträgt.

[zum Seitenanfang]  
Re: Boardumstrukturierungsproblem mittels Stylesheets [Re: Davidcool2007] - #1368337 - 16.01.2008, 20:10:43
aboleo
Nicht registriert


Zitat:
kann man das überhaupt ersetzen?

Wenn man es nicht koennte wuerde ich nicht fragen, du witzbold.
Es ist moeglich, jedoch bin ich heute den ganzen Tag unterwegs gewesen und nicht wirklich fit. Ich probiers einfach spaeter noch ein mal mad

[zum Seitenanfang]  
Re: Boardumstrukturierungsproblem mittels Stylesheets [Re: ] - #1368342 - 16.01.2008, 20:12:59
theblackdevil909851
​United States of America

Registriert: 05.08.2004
Beiträge: 6.388
Setz die Lampe als Hintergrundbild und versehe sie mit eine höheren Ebene. Sollte klappen.
_________________________
Das Lesen ist eine Tugend!

[zum Seitenanfang]  
Re: Boardumstrukturierungsproblem mittels Stylesheets [Re: theblackdevil909851] - #1368364 - 16.01.2008, 20:28:38
The Ball Master
Famil​ymitg​lied​

Registriert: 24.04.2005
Beiträge: 956
Ort: Berlin
aboleo ich Arbeite schon sehr lange mit Foren.
Ersetzte einfach die image in dem angegebenen Ordner mit der Neuen image, dann wird es Funktionieren zwinker

[zum Seitenanfang]  
Re: Boardumstrukturierungsproblem mittels Stylesheets [Re: The Ball Master] - #1368378 - 16.01.2008, 20:39:51
Toby@Haltern
Nicht registriert


Hallo,

Zitat:
aboleo ich Arbeite schon sehr lange mit Foren.
Ersetzte einfach die image in dem angegebenen Ordner mit der Neuen image, dann wird es Funktionieren zwinker


Ähm.. Ich glaube mal, dass Forum auf dem Screen das Knuddelsforum ist und soweit ich weiß kann man nicht einfach bilder auf dem Knuddelsserver ändern. zwinker

Wenn ich mich irre hast du natürlich recht.

[zum Seitenanfang]  
Re: Boardumstrukturierungsproblem mittels Stylesheets [Re: The Ball Master] - #1368380 - 16.01.2008, 20:41:19
aboleo
Nicht registriert


Es ist nicht moeglich, da der Quellcode fest vorgegeben ist.
Ich kann nur versuchen, mittels *.css (Stylesheet) das ganze zu umgehen aber wie gesagt im Moment faellt mir die Loesung irgendwie nicht ein. Ich hab ein Brett vor'm Kopf peinlich

Man kann aber eigene Stylesheets verwenden und die Umleitung der Bilder muss halt abgefangen werden.

Zitat:
Ähm.. Ich glaube mal, dass Forum auf dem Screen das Knuddelsforum ist und soweit ich weiß kann man nicht einfach bilder auf dem Knuddelsserver ändern. zwinker

Das versuch ich doch auch nicht! Der Quellcode wird einfach nur uebergangen mittels der Gewichtung. Das Bild liegt auf meiner Festplatte und ich will, dass es von meiner Festplatte hochgeladen wird, wenn ich http://www.forum.knuddels.de/blablabla eingebe

[zum Seitenanfang]  
Re: Boardumstrukturierungsproblem mittels Stylesheets [Re: ] - #1368391 - 16.01.2008, 20:48:46
Toby@Haltern
Nicht registriert


Hallo,

Zitat:

Zitat:
Ähm.. Ich glaube mal, dass Forum auf dem Screen das Knuddelsforum ist und soweit ich weiß kann man nicht einfach bilder auf dem Knuddelsserver ändern. zwinker

Das versuch ich doch auch nicht! Der Quellcode wird einfach nur uebergangen mittels der Gewichtung. Das Bild liegt auf meiner Festplatte und ich will, dass es von meiner Festplatte hochgeladen wird, wenn ich http://www.forum.knuddels.de/blablabla eingebe


Das war auch nicht an dich gerichtet sondern an meinen Vorposter rolleyes

[zum Seitenanfang]  
Re: Boardumstrukturierungsproblem mittels Stylesheets [Re: ] - #1368400 - 16.01.2008, 20:54:00
aboleo
Nicht registriert


Damit es mal einige von euch besser verstehen.
Also man hat einen fest vorgegeben Quellcod. Das ist der des Boards hier. Nun habe ich mir gedacht 'Baeh, dieses sch...wuele Pink kotzt mich so langsam an!'. Aso habe ich mir gedacht, klau ich mir die Stylesheet definition des Boards und schreib sie mir ein wenig um.
Zitat:
/** Aeussere Tabellenrahmen Start **/
.tablesurround { border: 0px; }
/** Aeussere Tabellen Ende **/

/** Tabellrahmen Start **/
.tableborders { background: #808080; color: #000000; }
/** Tabellrahmen Ende **/

/** Ueberschriftendefinition Start **/
.tdheader { font-size: 10pt;
font-weight: bold;
color: #00009e !important;
background: #b0c4de !important; }
/** Ueberschriftendefinition Ende **/

/** Menueleistendefinierung Start **/
.menubar{ background: #b0c4de !important;
color: #000000 !important; }
/** Menueleistendefinierung Ende **/

/** Navigationsmenue Rechts Start **/
.navigation{ background: #b0c4ef !important;
color: #000000;
font-size: 8pt;
padding: 1px;
margin: 1px;
border: 1px solid #b0c4de !important; }
/** Navigationsmenue Rechts Ende **/

So sieht dann in etwa aus.
Jetzt wird immer wenn ich in dieses 'knuddelige' Board gehe der oben bereits gepostete Stylesheet angewandt - der durchaus noch ein wenig erweitert wird in den naechsten Tagen. Ich hoffe jetzt wird die Thematik etwas verstaedlicher, fuer den ein oder anderen hier.

Es ist zwar moeglich, mithilfe von folgendem 'Trick'

Zitat:
.lighttable img[src="/images/newposts.gif"] { visibility:hidden !important; }
.lighttable img { background-image: url('http://www1.picfront.org/picture/WWJWJxhZG/img/on.gif') !important; }

Jedoch ergibt sich dann die Problematik, dass alle Graphiken, die in obige Definition fallen, die neu Graphik anzeigen weil sie alle innerhalb einer Klasse sind, was nicht schoen ist. Also muss ich wohl die Grafiken so belassen oder wie hoch ist die Wahrscheinlichkeit, dass man das Board bzw. seine Graphiken in mehr Klassen aufgeteilt lach.

Sollte sich jemand mal daran setzen und einen halbwegs passablen Weg finden, dann kann er mich gerne darueber in Kenntnis setzten.

Gruss ~leo

P.S. Mal sehen wieweit man die Tabellenstruktur angreifen kann.


[color:"red"]Edit: Beiträge zusammengefügt.[/color]


Bearbeitet von Longing (17.01.2008, 17:05:10)

[zum Seitenanfang]  
Re: Boardumstrukturierungsproblem mittels Stylesheets [Re: ] - #1369373 - 18.01.2008, 07:17:39
aboleo
Nicht registriert


So, ich muss noch mal auf die 'replacement'-Sache zurueck kommen.
Ich habe die knuddel.de Hauptseite zum verschoenern hergenommen, jedoch lassen sich die Bilder hier nicht re-plazieren. Egal was ich versuche, es erscheinen immer nur die Ausgangsbilder.

Beispiel:

Vorher: [img]http://www1.picfront.org/picture/gr8xv0NHYSP/thb/iHeadaVorher.jpg[/img]      Nachher: [img]http://www1.picfront.org/picture/TnJfEEksx/thb/iheadaNachher.jpg[/img]

Jetzt sieht man hier, dass die Bilder noch einen Rand haben. Ich habe mir die Bilder runtergezogen und den Hintergrund, der mich stoert, mittels Bildbearbeitungsprogramm bearbeitet.

Jedoch lassen sich die Bilder nicht durch meine Neuen ersetzen. Der Code den ich probiert habe und der auch bei diversen anderen Seiten (Beispiel waere google.de) funktioniert.

Zitat:
img[src*="/pics/"], img[src$="knuddels_knuddel_paar.gif"]{
float:left !important;
position:absolute !important;
top:0 !important;
left:442px !important;
background-image: url("data:image/gif;base64,....") !important; }


Um Fragen vorzubeugen: Ich habe mein bearbeitetes Bild in eine Data-URL konvertieren und direkt in's Stylesheet eingebunden, da mir diese Loesung einfach eleganter erscheint.

Wie jedoch gesagt, funktioniert es nicht, bzw. lassen sich die Bilder nicht ersetzen. Setzte ich aber das Attribut 'display: none' verschwinden die Bilder, was ja auch logisch ist.

Beispiel:

Zitat:
img[src*="/pics/"], img[src$="knuddels_knuddel_paar.gif"]{
display: none !important;
float:left !important;
position:absolute !important;
top:0 !important;
left:442px !important; }

Und so sieht es dann aus:  [img]http://www1.picfront.org/picture/rqoMzaGIS/thb/iheadaOhnePaar.jpg[/img]
Wie man hier deutlich erkennen kann, verschwindet das Paerchen. Was also zu bedeuten hat, dass ich die 'Ausgangs-URL' richtig angebe.

Koennte mir jemand sagen, wieso das ersetzen der Bilder nicht klappt?!
Oeder haette eine funktionierende Option fuer mich parat?!

[zum Seitenanfang]  
Re: Boardumstrukturierungsproblem mittels Stylesheets [Re: ] - #1369396 - 18.01.2008, 09:40:31
Riku17
​LOLipop

Registriert: 07.12.2004
Beiträge: 1.741
Ort: Trier
Ich bastel zwar seit geraumer Zeit mit dem Add On » Edit CSS von FireFox herum, aber damit ist es mir bisher nur Möglich, das Stylesheet zu verändern... Ob das wirklich klappt, die Grafiken durch andere zu ersetzen, kann ich nicht mit 100%-iger Sicherheit sagen.
_________________________
"Bildung ist das was übrigbleibt, wenn man vergessen hat, was man gelernt hat" lach

[zum Seitenanfang]  
Re: Boardumstrukturierungsproblem mittels Stylesheets [Re: Riku17] - #1369399 - 18.01.2008, 09:50:31
aboleo
Nicht registriert


Es klappt 100% da man auch schon im Board die Grafiken ersetzen kann.
Wieso sollte man auch das nicht koennen, denn die Gewichtung eines UserStylesheets liegt immer hoeher als die der Ausgangseite. Und bisher ist mir das auch bei jeder Seite gelungen. Man muss vllt. doch einen unkonventionellen Weg gehen. Es sollte aber etwas schwerer umzusetzen sein, was mich jedoch in keinster Weise davon abbringt, denn ich habe soweit alles Fertig, bis eben auf diese vier Grafiken.

Im uebrigen, arbeite ich erst Seit gestern an der Knuddels-Mainframe Seite bäh und das auch nur zwei Stunden, denn die richtigen, aufeinander abgestimmten Hex-Codes zu finden dauert bei mir immer ein Weillchen.

[zum Seitenanfang]