Hardwareluxx Forenstyle-Sammlung

Wenn Du diese Anzeige nicht sehen willst, registriere Dich und/oder logge Dich ein.
Bei deinem Link kommen 100000 Bilder, aber da suche ich mir sicher nicht raus was du meinst. ;)
Stell lieber den Link zu dem Bild selbst rein.
 
Einfach auf den Link klicken und warten, der Browser wird schon irgendwann zum richtigen Post springen. ;)
 
AbsolutesChaoz schrieb:
Nein tut er bei mir nicht, der bleibt da stur am Anfang der Seite stehen. ;)
Zum Vergrößern anklicken....

Da funktioniert dein Browser nicht richtig.
Ich habe hier 15 Kilobyte Download und 5 Kilobyte Upload und bei mir springts sofort zu meinem Post :fresse:
Bis das Bild geladen wurde, darf ich schon noch ein Bier dann allerdings holen....

Hm, die Postzwischenräume transparent....würde das gehen?

:)

Adam Gontier schrieb:
Ein kleiner Vorschlag von mir, es wäre doch sicher möglich die Werbung .leaderboard zwischen die SChnellsuche und das Profil oben rechts einzubauen, damit man wegen der Werbung nicht 100px an höhe verliert.

Also so:
PHP: 
.leaderboard{
    position: absolute !important;
    top: 0px !important;
    left: 625px !important;
    width: 44% !important;
}
Zum Vergrößern anklicken....

Sehr gute Idee!
Leider nicht kompatibel auf meinem FullHD Bildschirm:



Ich möchte keine Skins entwerfen, die jeder erst auf seine Bildschirmauflösung händisch im Code anpassen muss.
Ich konnte bei mir deinen Code sowieso nicht so anpassen, dass die Werbung oben im Header genug Platz findet.
Nun stell dir mal eine Bildschirmauflösung von 1200x800px vor oder etwa eine in 4:3 :fresse: in noch geringerer Auflösung.
Da wird noch mehr überdeckt dann.
Ansonsten wirklich Superidee ;)


Cheers, tree:angel:
 
Zuletzt bearbeitet:
Stimmt, ist natürlich wieder blöd, dass das nicht richtig funktioniert wenn man weniger pixel in der breite hat bzw. dass das dann immer wieder neu angepasst werden müsste.

nur sehe ich es nicht ein 90px in der höhre abzugeben, weil ja dann noch weniger vom Forum auf die Seite passt.

Ich hoffe du nimmst es mir nicht übel wenn ich ein bisschen an deinem BlueSkin Design rumändere :), denn ich möchte unbedingt Hover-Effekte haben und auch möchte ich bei ner Übersicht der Threads sehen in welchem Thread es neue Beiträge gibt und in welchem nicht.

tree- schrieb:
Leider nicht kompatibel auf meinem FullHD Bildschirm
Zum Vergrößern anklicken....
Einloggen und es würde passen:
http://www.abload.de/img/leaderboardqnzlc.png

Oder ich spendiere allen FullHD-Bildschirme. :fresse:

Die Werbung rechs (#sky) stört zum glück nicht.
 
Zuletzt bearbeitet:
Die Änderung ist nur dann nicht kompatibel wenn man nicht eingeloggt ist.

man könnte auch die schnellsuche entfernen. Aber dann wäre wahrscheinlich wieder soviel freier Platz oder?
Zum Vergrößern anklicken....
Besser wäre es die Suche unter das Benutzerprofil zu legen, weil der dort der Platz nicht verwendet wird:
PHP: 
.leaderboard{
    position: absolute !important;
    top: 0px !important;
    left: 450px !important;
    width: 44% !important;
}

#suche{
    position: absolute !important;
    top: 25px !important;
    left: 1380px !important;
}

http://www.abload.de/img/leaderboard2s8kkh.png
 
naja, eine Feste Position während sich der restliche Content dynamisch verhält (also automatisch and die verwendete Auflösung anpasst) ist nicht so doll.

Schauen wird uns nur mal kleinere Auflösungen an:

1680 x 1050:

1360 x 768:


Bei niedrigeren Auflösungen sieht es noch schlimmer aus.

Man müsste die Position also per Margin-top: -xx px lösen oder ihr kauft euch alle FullHD-Bildschirme. :d
 
Zuletzt bearbeitet:
Adam Gontier schrieb:
Ich hoffe du nimmst es mir nicht übel wenn ich ein bisschen an deinem BlueSkin Design rumändere :), denn ich möchte unbedingt Hover-Effekte haben und auch möchte ich bei ner Übersicht der Threads sehen in welchem Thread es neue Beiträge gibt und in welchem nicht.
Zum Vergrößern anklicken....

Finde ich super von dir :)
Kannst meine "Source" ändern und posten hier soviel du magst, musst mich nur erwähnen und gut ist.
Alle die am Blueskin mitarbeiten sollen aufgrund ihres Arbeitseinsatzes erwähnt werden, also dann auch du natürlich.
Das halte ich dann so für gerecht ;)
Deine Ideen gefallen mir.

Adam Gontier schrieb:
naja, eine Feste Position während sich der restliche Content dynamisch verhält (also automatisch and die verwendete Auflösung anpasst) ist nicht so doll.
Zum Vergrößern anklicken....
Das sind die Grenzen vom CSS.
Feste Pixelgrößen sind oft problematisch bei verschiedenen Auflösungen.
Daher habe ich diesbezüglich mit der Werbung auch nicht weiter optimiert.
Grundsätzlich nutze ich immer nur so viel Code, wie ich auch unbedingt brauche.
Wie gesagt, sollte der Blueskin auf so viel wie möglich, verschiedenen Auflösungen laufen.



Mit diesem FFAddon, kannst du schnell alle möglichen Bildschirmauflösungen durchchecken:

Web Developer

Viel Erfolg dir noch beim tunen :)


Cheers, tree:angel:
 
Zuletzt bearbeitet:
So, ich habe jetzt ein paar Änderungen gemacht und hoffe, dass sie euch gefallen.

Mir geht es sehr um gute Übersicht und güte Bedienbarkeit, deswegen habe ich Hover-Effekte eingebaut und sinnlose divs, etc. entfernt.

Außerdem habe ich versucht möglichst viel an Höhe zu gewinnen und habe gleichzeitig etwas mehr an Breite gewonnen.

Jeder der diese Änderungen übernehmen möchte MUSS einen FullHD Monitor haben, für andere Auflösungen müssen noch Anpassungen vorgenommen werden.

Jeder der keinen FullHD Monitor hat, sich jedoch diese kleinen Änderungen wünscht muss mir nur Bescheid sagen und ich passe die CSS-Eigenschaften seiner Auflösung an. :)

So siehts aus:



Und hier der Code, den ihr einfach ganz einfach ganz oben vom BlueSkin einfügt.

Verbesserungsvorschläge sind natürlich erwünscht. :)

PHP: 
/*
 * Adam Gontier Änderungen
 * 
 */

.main_body{
    width: 99% !important;
}

#newreplylink_top{
    display: none !important;
}
.above_postlist, #above_postlist{
    margin-top: -27px !important;
    float: right !important;
    width: 47% !important;
    height: auto !important;
    top: auto !important;
}
#postpagestats_above{
    display: none !important;
}
#pagetitle{
    display: none !important;
}

.leaderboard{
    position: absolute !important;
    top: 0px !important;
    left: 450px !important;
    width: 44% !important;
}

#sky{
    left: 5px !important;
}
#suche{
    position: absolute !important;
    top: 25px !important;
    left: 1470px !important;
}

.popupbody li > a, .popupbody li > label{
    display: inline !important;
    padding: 0px !important;
}
.memberaction_body.popupbody li.right > a{
    padding: 0px !important;
    background-color: white !important;
}
.memberaction_body.popupbody li.right > a:hover{
    background-color: white !important;
}
#navtabs li a.navtab:hover{
    background-color: #359299 !important;
    color: #041E27 !important;
    text-decoration: underline !important;
}

ul.floatcontainer li a:hover{
    text-decoration: underline !important;
}

li.popupmenu ul.popupbody{
    background-color: #0B4D63 !important;
}

li.popupmenu ul.popupbody li a{
    background-color: #0B4D63 !important;
}

li.popupmenu ul.popupbody li a:hover{
    text-decoration: underline !important;
}

.navtabs .popupbody li:first-child{
    border-top: 0px !important;
}
.navtabs .popupbody li{
    border-top: 1px solid #5FABB5 !important;
}
.navtabs .popupbody li:hover{
    background-color: #359299 !important;
    color: #041E27 !important;
}
.navtabs .popupbody li:hover a{
    background-color: #359299 !important;
    color: #041E27 !important;
}

.toolsmenu div{
    border-top: 0px !important;
}

div#breadcrumb ul li.lastnavbit span{
    font-weight: bold !important;
}

div.threadinfo div.inner a.threadtitle_unread{
    color: #0D5B75 !important;
}

.navbar {
    margin: 2px 0 0 !important;
}

.above_body{
    margin: 0px !important;
}
 
Zuletzt bearbeitet:
Hallo,

Ich versuche gerade in Chrome den Black Skin von lrwr ans laufen zu bekommen.

Soweit funktioniert er auch mittlerweile.
Ich habe aber leider zwei Probleme und hoffe das mir geholfen werden kann.

Und zwar werden die Code und Spoiler Felder bei mir weiß und ohne schrift angezeigt. :(

Und ich habe jeweils links und rechts ein weißen rahmen :(

Hier ein Pic davon :




Hoffe mir kann jemand helfen :-)

Was die Auflösung angeht kann mir bestimmt Adam helfen ;) :)
 
Bezüglich dem Spoiler Problem, schaue etwas weiter hinten im Thread nach, da wurde ein fix von einem User gepostet.
Bezüglich der Farbe: Schaue mal was bei body{ für ein background Wert steht. Steht gar keiner da, dann füge einen hinzu mit der Farbe die du willst.
 
Hi,

folgendes musst du einfügen:

PHP: 
blockquote.postcontent.restore div{
    background-color: #737573 !important;
}

Und schon passt alles. :)

Schon blöd, dass Spoiler keine Klasse haben.
 
jo, der spoilercode ist gut ;)

zum hintergrund: mache aus
.main_body{
background:black !important;
}
das hier:
body{
background:black !important;
}

sollte eigendlich reichen.
seid dem ich den schwarzen skin das letzte mal angerührt habe hat sich leider einiges getan am luxx....

das neuste update für den blauen könnte ich auch mal veröffentlichen... :x
 
Vielen Dank :bigok:

Nun passt das alles soweit und wird korrekt dargestellt inklusive Code und Spoiler etc.

Nur die Systeminfo geht noch nicht aber ich glaube da war hier schon irgendwo die Lösung zu , muss ich noch mal durch die Seiten stöbern.

Kleine Frage am rande.

Das HWLuxx oben links in der Ecke so ausgefranzt aussieht, gibt es keine Lösung für?



Und diesen weißen strich außen bekommt man den weg?
 
Zuletzt bearbeitet:
Fix für beides:

PHP: 
.memberaction_body.popupbody.epfp_list li.right {
background-color: #404040 !important;
}
   
.logo-image{
    background: url("http://www.abload.de/img/hluxx77j69.png") repeat scroll 0px 1px transparent !important;
}
 
Ich danke dir, spitzen mässig :bigok:

---------- Post added at 22:43 ---------- Previous post was at 19:43 ----------

2 Dinge sind mir leider doch noch aufgefallen die nicht so recht passen:
Bei Privaten Nachrichten und wenn man einen Beitrag bearbeiten will schaut es jeweils so aus:



Und in den Marktplatz Bewertungen :



Hoffe dafür gibt es auch noch eine Lösung :)
 
Zuletzt bearbeitet:
tree- schrieb:
Könnte gehen....

:)

Wäre es möglich ein Fullglasforenskin zu zimmern?
Fullglas für Firefox müsste dann natürlich Voraussetzung sein.
Bitte mich nicht nach dem Sinn fragen :fresse:
Ist reine Kunst...

So irgendwie:

Klick

:fresse2:

Cheers, tree:angel:
Zum Vergrößern anklicken....

Fullglass ging leider nur bis Firefox 3.6

Ich hatte es damals schon mal laufen gehabt.

http://vimeo.com/14777875
 
Zuletzt bearbeitet:
Black2Soul schrieb:
Hoffe dafür gibt es auch noch eine Lösung :)
Zum Vergrößern anklicken....
Fix:

PHP: 
dl.tabslight dd a{
    background-color: black !important;
    color: white !important;
}

div.username_container a{
    background-color: #636563 !important;
    color: white !important;
}

textarea.cke_source.cke_enable_context_menu,
input.primary.textbox,
div.blocksubfoot.actionbuttons,
div.user_ratingbits,
div.userinfo_noavatar{
    background-color: #737573 !important;
    color: white !important;
}
 
Zuletzt bearbeitet:
King Bill schrieb:
Fullglass ging leider nur bis Firefox 3.6

Ich hatte es damals schon mal laufen gehabt.

http://vimeo.com/14777875
Zum Vergrößern anklicken....

Schön, endlich auch ein Fullglassfan zu treffen :)
Video gefällt mir sehr :p

Aerofox Transparent + für Stylish macht schon ziemlich viel gläsern.
Ich verwende es selbst für Waterfox.
Denkst du, dass es gehen würde ein paar Zwischenräume vom Forum in FullGlass zu
stylen und zusammen mit "Aerofox Transparent +" laufen zu lassen?



Adam Gontier schrieb:
Und hier der Code, den ihr einfach ganz einfach ganz oben vom BlueSkin einfügt.

Verbesserungsvorschläge sind natürlich erwünscht. :)

PHP: 
/*
 * Adam Gontier Änderungen
 * 
 */

.main_body{
    width: 99% !important;
}

#newreplylink_top{
    display: none !important;
}
.above_postlist, #above_postlist{
    margin-top: -27px !important;
    float: right !important;
    width: 47% !important;
    height: auto !important;
    top: auto !important;
}
#postpagestats_above{
    display: none !important;
}
#pagetitle{
    display: none !important;
}

.leaderboard{
    position: absolute !important;
    top: 0px !important;
    left: 450px !important;
    width: 44% !important;
}

#sky{
    left: 5px !important;
}
#suche{
    position: absolute !important;
    top: 25px !important;
    left: 1470px !important;
}

.popupbody li > a, .popupbody li > label{
    display: inline !important;
    padding: 0px !important;
}
.memberaction_body.popupbody li.right > a{
    padding: 0px !important;
    background-color: white !important;
}
.memberaction_body.popupbody li.right > a:hover{
    background-color: white !important;
}
#navtabs li a.navtab:hover{
    background-color: #359299 !important;
    color: #041E27 !important;
    text-decoration: underline !important;
}

ul.floatcontainer li a:hover{
    text-decoration: underline !important;
}

li.popupmenu ul.popupbody{
    background-color: #0B4D63 !important;
}

li.popupmenu ul.popupbody li a{
    background-color: #0B4D63 !important;
}

li.popupmenu ul.popupbody li a:hover{
    text-decoration: underline !important;
}

.navtabs .popupbody li:first-child{
    border-top: 0px !important;
}
.navtabs .popupbody li{
    border-top: 1px solid #5FABB5 !important;
}
.navtabs .popupbody li:hover{
    background-color: #359299 !important;
    color: #041E27 !important;
}
.navtabs .popupbody li:hover a{
    background-color: #359299 !important;
    color: #041E27 !important;
}

.toolsmenu div{
    border-top: 0px !important;
}

div#breadcrumb ul li.lastnavbit span{
    font-weight: bold !important;
}

div.threadinfo div.inner a.threadtitle_unread{
    color: #0D5B75 !important;
}

.navbar {
    margin: 2px 0 0 !important;
}

.above_body{
    margin: 0px !important;
}
Zum Vergrößern anklicken....

Sehr gute Arbeit :)
Schade, dass es nicht kompatibel ist z.B. mit 1200x800px 16:10.
Gerade probiert mit Web Developer...
Halbiert man das Browserfenster gibts auch bei FullHD Anzeigeprobleme.
Man bräuchte für jede Auflösung genau die richtigen Codes.
Wäre dieses Problem nicht vorhanden, würde ich deine veränderte Version sofort standardmäßig auf userstyle.org im nächsten Update hochladen.

Mit den Hovereffekten hast du dir viel Arbeit gemacht, die gefallen mir auch recht gut.
Eventuell baue ich die noch ins nächste Update mit ein oder styles mir noch etwas zurecht ;)
Was mir sehr in deinem und auch anderen Codes fehlt, ist die Bezeichnung was diese verändern!

z.B. so dann:

Code: 
/* Seitenzahlpixelversatz weggezaubert (Bei Opera, Chrome oder SRWIron diesen Code bitte löschen )*/
.pagination span.prev_next a, .pagination span.first_last a{
top: -1px!important;
}

/* Schatten bei Posts */
.postdetails {
box-shadow: 0 21px 22px #5FABB5 !important;
}

Sofort wird dadurch klar, was diese Codes bewirken.
Ich habe alle meine Codes entsprechend beschrieben, um diese später schnell wieder zu finden und schließlich verändern zu können.
Auch habe ich dadurch andere, etwas unerfahrenere User bedacht, die so recht simpel auch schon stylen können.

Das Avatarsymbol bei fehlendem Bild gefällt mir persönlich nicht wirklich:

eujk8zaf.jpg



Cheers, tree:angel:
 
Zuletzt bearbeitet:
Das Avatarsymbol bei fehlendem Bild gefällt mir persönlich nicht wirklich:
Zum Vergrößern anklicken....
Das ist das Standard-Bild von vBulletin. :)

Desweiteren habe ich noch etwas am Code gearbeitet und muss sagen, dass es wegem dem (blöden) Leaderboard einfach nicht perfekt funktionieren kann.

Aktuell habe ich es irgendwie so hinbekommen:
Bild: bisheuteabendjdzay.png - abload.de

Ich werde mir das heute Abend nochmal in Ruhe anschauen und es verbessern.
 
Ich hab btw jetzt den Adblocker mal ausgeschaltet und die betreffenden Container oder was auch immer 1x1px groß gemacht.

Code: 
.leaderboard{
height: 1px !important;
width: 1px !important;
overflow:hidden
}

#sky {
height: 1px !important;
width: 1px !important;
overflow:hidden
 }

Im Body hab ich die breite noch auf 99% gemacht, sonst hätt ich minimal scrollen müssen. Hoffe, dass das nen paar Leuten hilft und dass es so überhaupt zu Einnahmen kommt :fresse:
 
Machs lieber so, dann musst du die Breite auch nicht anpassen:

PHP: 
.leaderboard, #sky {
    position: absolute !important;
    top: -1000px !important;
}
 
tree- schrieb:
Schön, endlich auch ein Fullglassfan zu treffen :)
Video gefällt mir sehr :p

Aerofox Transparent + für Stylish macht schon ziemlich viel gläsern.
Ich verwende es selbst für Waterfox.
Denkst du, dass es gehen würde ein paar Zwischenräume vom Forum in FullGlass zu
stylen und zusammen mit "Aerofox Transparent +" laufen zu lassen?
Zum Vergrößern anklicken....

Wie ich schon schrieb ging es nur bis Firefox 3.6
 
Das geht sicher auch mit neueren Firefoxversionen.
Die Frage ist meiner Meinung nur, macht man sich die Programmierarbeit und ist das "Können" dazu vorhanden.
Mir fehlt dazu das Wissen leider.
Vielleicht gibts hier Freaks, die so etwas angehen möchten und sogar Spaß dabei haben :)


Cheers, tree:angel:
 
Anmelden, um zu antworten.
Hardwareluxx setzt keine externen Werbe- und Tracking-Cookies ein. Auf unserer Webseite finden Sie nur noch Cookies nach berechtigtem Interesse (Art. 6 Abs. 1 Satz 1 lit. f DSGVO) oder eigene funktionelle Cookies. Durch die Nutzung unserer Webseite erklären Sie sich damit einverstanden, dass wir diese Cookies setzen. Mehr Informationen und Möglichkeiten zur Einstellung unserer Cookies finden Sie in unserer Datenschutzerklärung.


Zurück
Oben Unten refresh