Style camp-firefox Forum modifiziert

Estartu

Stimmt. Auch FAQ und Mitglieder fehlen

loshombre

Ach sorry. Ich benutze nicht den von MK204, sondern den von Kamerad Estartu.

Scarlett78

Sorry, ich hätte ja auch gleich sagen können, welchen Style ich meinte.

Estartus modifiziertes Camp ist auch schick; ich beneide dieLeute die sowas perfekt drauf haben.
Ich gehöre leider zu den blutigen Anfängern, die über jeden kleinen Erfolg freuen ... aber ne Seite komplett umstylen werde ich in 100 Jahren nicht schaffen :oops:

loshombre

Das musst du auch nicht unbedingt schaffen. Dafür kannst bestimmt wat anderes ganz doll.
Und glaub mir. Auch Hombre Estartu hat sich bestimmt sehr gefreut, als er die Seite zu seiner Zufriedenheit zusammen gezimmert hat um seine tolle Arbeit mit uns allen hier geteilt hat.
Ich würde mich auch drüber freuen und vielleicht auch etwas stolz drauf sein. Hab aber auch genau so wenig Ahnung davon wie du :wink:
Macht aber nix. Dafür haben es halt andere.

Scarlett78

Danke loshombre.

Ich versuche mich zurzeit am Style eines Forums, in dem ich registriert bin.
Ich bezeichne es allerdings als "Korrektur-Style", ich hab ein paar Sachen korrigiert die mich gestört haben.
Es ist auch noch nicht ganz fertig und wird es wahrscheinlich auch nie, aber es ist irgendwie zu einem Hobby geworden. :wink:

Estartu

Da hat der dunkle Gevatter loshombre schon recht. Zusammen gezimmert ist das richtige Wort. Ohne die Hilfe anderer, die mir mit Codes ausgeholfen haben, hätte ich es auch nicht geschafft.

Die ganze Entwicklungsgeschichte gibts hier: Firefox - Forum mal anders

Estartu

Puuuh. Man sagt ja, was lange währt, wird gut. Habe jetzt n neuen Webspace und die Bilder dort hochgeladen. Hat ein bisschen gedauert, ich weiß. Hier aber nun das Update: http://userstyles.org/styles/18468

Boersenfeger

Hi, schön mal wieder was von dir zu lesen...
Ich hatte mir den Code schon selber angepasst, da die Buttons nicht funktionierten.
Eine kleine Modifikation hätte ich anzubieten, um oben die Header-Grafik auszublenden und die Breite auf 99% zu bringen.. vielleicht mag es ja sonst noch jemand verwenden...
Dir jedenfalls ein dickes Dankeschöööönnn

CSS

#header_bg,
 #mcs_header_logo,
 #textBeforeSearch{
  display:none !important}


 div #page-body, .container-16 {
 width: 99% !important;

Estartu

Zitat von Boersenfeger

Hi, schön mal wieder was von dir zu lesen...

Hatte über einen Monat lang kein inet. Bin erst seit ein paar Tagen wieder on.

Zitat

Eine kleine Modifikation hätte ich anzubieten, um oben die Header-Grafik auszublenden und die Breite auf 99% zu bringen..

Ich verwende dafür den Code, den Kadir mal gepostet hat, um den Mini-Header anzuzeigen. Den hab ich aber nicht extra in mein Style übernommen.

CSS

@namespace url(http://www.w3.org/1999/xhtml);


@-moz-document url-prefix(http://www.camp-firefox.de/forum/) {
div.headerbar {
   display:block !important; 
}
div#mcs_header_bg {
   display: none !important;
}
div#header_bg {
   display: none !important;
}
}

Alles anzeigen

Was die Breite betrifft, hab ich sie auf 95% stehen, da mir das persönlich so gefällt.

Zitat

Dir jedenfalls ein dickes Dankeschöööönnn

Gern geschehen. :wink:

loshombre

Danke Hombre fürs Update. Die Buttons machen aber hin und wieder immer noch etwas Faxen.

Estartu

Zitat von loshombre

Danke Hombre fürs Update. Die Buttons machen aber hin und wieder immer noch etwas Faxen.

Hmmm... Hier nicht. Und ich greif auf die selbe Quelle für die Grafiken zu wie du. :-??

loshombre

Ich werd das beobachten und bescheid geben, wenn wat is.

MK204

Der Beobachter und sein Kind.......

Wenn der 7er Aktuell ist steig ich wieder ein, juggt scho wieder....

Boersenfeger

Dein Kind ist dies nicht, da darf sich Estartu dran erfreuen....
http://userstyles.org/styles/18468
Du hattest einen eigenen, der aber hier zu Beginn nicht besprochen wurde.. :wink:
BTW: Schön, das du wieder dabei bist.

Estartu

Hi Leutz

Ich zieh den Thread mal wieder hoch. Seit ja nun das -moz vor -border-radius weggefallen ist, hab ich meinen Code entsprechend geändert. Allerdings erst, seit mir aufgefallen ist, das die Ecken nicht mehr abgerundet sind. Da habe ich vor jedem -border-radius das -moz entfernt. Des weiteren habe ich keine Änderungen vorgenommen. Trotzdem werden die Ecken hier im Forum nicht mehr abgerundet. Nun weiß ich nicht wo der Fehler liegt. Kann mir mal jemand helfen?

CSS

@-moz-document url-prefix(http://www.camp-firefox.de/forum), url-prefix(http://www.thunderbird-mail.de/forum){
html, body {
background-color: #607FD8!important;
color: #000000 !important;
}
div #page-body, .container-16 {
width: 95% !important;
}
span.corners-top {
background-image: none !important;
}
span.corners-top span {
background-image: none !important;
}
span.corners-bottom {
background-image: none !important;
}
span.corners-bottom span {
background-image: none !important;
}
.headerbar {
background-color: #425999 !important;
-border-radius-topleft: 5px !important;
-border-radius-topright: 5px !important;
-border-radius-bottomleft: 5px !important;
-border-radius-bottomright: 5px !important;
}
.navbar, .forabg, .post, .forumbg, .panel {
-border-radius-topleft: 5px !important;
-border-radius-topright: 5px !important;
-border-radius-bottomleft: 5px !important;
-border-radius-bottomright: 5px !important;
}
#tabs, #tabs a, #tabs .activetab a, #tabs a span {
-border-radius-topleft: 5px !important;
-border-radius-topright: 5px !important;
}
ul, li, h3, ul.linklist li > a, h3 > a, .copyright, label { color: #000000 !important;}
h2, h2 > a {color: #ffffff !important;}
  .postbody {
    float:right !important;
    width: 82% !important;
    border-left: 2px solid #425999 !important;
    padding-left:22px !important;
   }
 
  .postprofile {
    float: none !important;
    display: block !important;
    border:none !important;
    width: 16% !important;}


.online {
       background-position:2px 10px !important;
       background-image: url("http://firefox.czapura.de/icon_user_online4w3x2.png")!important;
/* http://www.abload.de/img/icon_user_online3osk7.gif */
      /* background-image: url("http://img3.imagebanana.com/img/t5lbxjts/icon_user_online2.gif")!important; */
 }
.username-coloured{-moz-appearance: none !important; background-color: transparent !important; color: #a52a2a !important;  font-weight: bold !important;}


A {-moz-appearance: none !important; color: #0000cd !important;  font-weight: bold !important;}
A:hover{-moz-appearance: none !important; background-color: transparent !important; color: #ff0000 !important;  font-weight: bold !important; text-decoration: none !important;}
A[href="./memberlist.php?mode=group&g=26778"][style="color: rgb(170, 0, 0);"] {-moz-appearance: none !important;  color: #ff0000 !important;  font-weight: bold !important;}
A[href="./memberlist.php?mode=group&g=26778"][style="color: rgb(170, 0, 0);"]:hover{-moz-appearance: none !important; color: #ff0000 !important;  font-weight: bold !important; text-decoration:none!important; text-shadow: black 1px 2px 0.5px; }
A[href="./memberlist.php?mode=group&g=26777"][style="color: rgb(0, 170, 0);"] {-moz-appearance: none !important;  color: #00ff00 !important;  font-weight: bold !important;}
A[href="./memberlist.php?mode=group&g=26777"][style="color: rgb(0, 170, 0);"]:hover{-moz-appearance: none !important; color: #00ff00 !important;  font-weight: bold !important; text-decoration:none!important; text-shadow: black 1px 2px 0.5px; }


.button1{-moz-appearance: none !important;font-weight: bold !important;color: #fff !important; 
background: url("http://firefox.czapura.de/buttonbg1.png")  !important;border-color: #ffffff !important;-border-radius:5px !important; }


.button1:hover{-moz-appearance: none !important;font-weight: bold !important;color: #fff !important;
background: url("http://firefox.czapura.de/buttonbghover1.png")  !important; border-color: #ffffff !important;-border-radius:5px !important;}


.button2{-moz-appearance: none !important;font-weight: bold !important;color: #fff !important;
background: url("http://firefox.czapura.de/buttonbg2.png")  !important; border-color: #ffffff !important;-border-radius:5px !important;}


.button2:hover{-moz-appearance: none !important;font-weight: bold !important;color: #fff !important;
background: url("http://firefox.czapura.de/buttonbghover2.png")  !important; -border-radius:5px !important;}


.inputbox {-border-radius:5px !important;background-color: #425999!important;color:#ffffff !important;}
a.top {background-image: url(http://firefox.czapura.de/icon_back_top.gif) !important;}
.reply-icon span {background-image: url(http://firefox.czapura.de/antwort.png) !important;}
.buttons div.reply-icon {width: 140px !important;}
.quote-icon, .quote-icon a {background-image: url(http://firefox.czapura.de/zitat.png) !important;-border-radius:5px !important;}
ul.profile-icons li.quote-icon {width:90px !important; height:25px !important; }
.report-icon, .report-icon a {background-image: url(http://firefox.czapura.de/melden.png) !important;-border-radius:5px !important;}
ul.profile-icons li.report-icon {width:25px !important; height:25px !important; margin-left:4px !important;}
.report-icon, .report-icon a:hover {background-image: url(http://firefox.czapura.de/meldenhover.png) !important;-border-radius:5px !important;}
ul.profile-icons li.report-icon {width:25px !important; height:25px !important; }
.edit-icon, .edit-icon a {background-image: url(http://firefox.czapura.de/edit.png) !important;-border-radius:5px !important;}
ul.profile-icons li.edit-icon {width:90px !important; height:25px !important; }
.delete-icon, .delete-icon a {background-image: url(http://firefox.czapura.de/loeschen.png) !important;-border-radius:5px !important;}
ul.profile-icons li.delete-icon {width:25px !important; height:25px !important; }
.post-icon span {background-image: url(http://firefox.czapura.de/neues_thema.png) !important;}
.buttons div.post-icon {width: 144px !important;}
select {-border-radius:5px !important;background-color: #425999!important;color:#ffffff !important;font-weight: bold !important;border-color:#ffffff !important;height:19px !important;/* font-size:1em !important; */ line-height:12px!important;}
select[id="search_forum"] {height:120px !important;}
#format-buttons input, #format-buttons select {-moz-appearance: none !important;-border-radius:5px !important;background-color: #425999!important;color:#ffffff !important; border-color:#425999!important;border: 1px !important;}
.pagination span a, .pagination span a:link, .pagination span a:visited, .pagination span a:active, .pagination span strong  {font-size: 1.2em !important; padding-left: 4px !important; padding-right: 4px !important;}
.post.bg2 { background-color: #fff !important; }
.post.bg1 { background-color: #faebd7 !important; }
.row.bg1{  font-weight: bold !important;  background-color: #faebd7 !important;}
.row.bg2{   font-weight: bold !important;  background-color: #fff !important;}
.signature { padding:3px !important; background-color: #607FD8 !important; color: #ffffff !important; border: 1px solid !important;border-color:transparent !important;-border-radius:7px !important; width:98% !important; line-height:105% !important;}
.signature > span > a  {color:#ffffff !important;}
.signature > span > a:hover  {  text-decoration:none!important; text-shadow: black 1px 2px 0.5px;}
dl.codebox {-border-radius:7px !important;width:98% !important; background-color: #CADCEB !important;}
dl.codebox code {-border-radius:7px !important; background-color: #ffffff !important; color: #000000 !important;}
blockquote {-border-radius:7px !important;max-width:95% !important;}
.attachbox {-border-radius:7px !important;max-width:98% !important; background-color: #CADCEB !important;}


dl[style*="forum_unread.gif"] {
     background-image: url("http://firefox.czapura.de/forum_unread.gif") !important;}
dl[style*="forum_read.gif"] {
     background-image: url("http://firefox.czapura.de/forum_read.gif") !important;}
dl[style*="forum_unread_locked.gif"] {
     background-image: url("http://firefox.czapura.de/forum_unread_locked.gif") !important;}
dl[style*="forum_read_locked.gif"] {
     background-image: url("http://firefox.czapura.de/forum_read_locked.gif") !important;}
dl[style*="topic_unread.gif"] {
     background-image: url("http://firefox.czapura.de/topic_unread.gif") !important;}
dl[style*="topic_read.gif"] {
     background-image: url("http://firefox.czapura.de/topic_read.gif") !important;}
dl[style*="topic_unread_hot.gif"] {
     background-image: url("http://firefox.czapura.de/topic_unread_hot.gif") !important;}
dl[style*="topic_read_mine.gif"] {
    background-image: url("http://firefox.czapura.de/topic_read_mine.gif") !important;}
dl[style*="topic_unread_mine.gif"] {
    background-image: url("http://firefox.czapura.de/topic_unread_mine.gif") !important;}
dl[style*="topic_read_hot_mine.gif"] {
    background-image: url("http://firefox.czapura.de/topic_read_hot_mine.gif") !important;}
dl[style*="topic_moved.gif"] {
    background-image: url("http://firefox.czapura.de/topic_moved.gif") !important;}
dl[style*="sticky_read.gif"] {
    background-image: url("http://firefox.czapura.de/sticky_read.gif") !important;}
dl[style*="topic_read_locked_mine.gif"] {
    background-image: url("http://firefox.czapura.de/topic_read_locked_mine.gif") !important;}
dl[style*="topic_read_locked.gif"] {
    background-image: url("http://firefox.czapura.de/topic_read_locked.gif") !important;}
dl[style*="topic_unread_locked.gif"] {
    background-image: url("http://firefox.czapura.de/topic_unread_locked.gif") !important;}
dl[style*="topic_read_hot.gif"] {
    background-image: url("http://firefox.czapura.de/topic_read_hot.gif") !important;}
dl[style*="topic_unread_hot_mine.gif"] {
    background-image: url("http://firefox.czapura.de/topic_unread_hot_mine.gif") !important;}
dl[style*="sticky_read.gif"] {
    background-image: url("http://firefox.czapura.de/sticky_read.gif") !important;}
dl[style*="sticky_unread.gif"] {
    background-image: url("http://firefox.czapura.de/sticky_unread.gif") !important;}
dl[style*="sticky_read_mine.gif"] {
    background-image: url("http://firefox.czapura.de/sticky_read_mine.gif") !important;}
dl[style*="sticky_unread_mine.gif"] {
    background-image: url("http://firefox.czapura.de/sticky_unread_mine.gif") !important;}
dl[style*="sticky_read_locked_mine.gif"] {
    background-image: url("http://firefox.czapura.de/sticky_read_locked_mine.gif") !important;}
dl[style*="sticky_read_locked.gif"] {
    background-image: url("http://firefox.czapura.de/sticky_read_locked.gif") !important;}
dl[style*="sticky_unread_locked.gif"] {
    background-image: url("http://firefox.czapura.de/sticky_unread_locked.gif") !important;}
dl[style*="sticky_unread_locked_mine.gif"] {
    background-image: url("http://firefox.czapura.de/sticky_unread_locked_mine.gif") !important;}
dl[style*="forum_read_subforum.gif"] {
    background-image: url("http://firefox.czapura.de/forum_read_subforum.gif") !important;}
dl[style*="forum_unread_subforum.gif"] {
    background-image: url("http://firefox.czapura.de/forum_unread_subforum.gif") !important;}


.attach-image {max-width:98% !important;max-height:400px !important;}
}

Alles anzeigen

loshombre

Du musst den Bindestrich vor border überall raus nehmen.

Und eigentlich müsste (Beispiel) dat jetzt so lauten:

Code

border-bottom-left-radius

Estartu

loshombre: Danke, genau das wars. Auch das Beispiel war richtig. :klasse:

Estartu

Update: http://userstyles.org/styles/18468