BS-Fusion Deutschland

Some text can be placed here...

Navigation
Home Home
Board Board
Downloads Downloads
Docs/Articles Docs/Articles
Contact Contact
FAQ FAQ
Search Search
Informations
Credits Credits
Board rules Board rules
RSS Feeds RSS Feeds
Service
Event Calendar Event Calendar
Satzung Satzung
Surftips
IonCube Encoder

Downloads
New Downloads
> Greystar
> The Player BSF ...
> Mp3-Player
> Lewitz-Red II
> PD-Stats-Panel ...
Top 5 Downloads
> Security System [16390]
> BS-Fusion [7244]
> Kontaktformular [4799]
> BS Register [4250]
> BS Custom Page ... [3820]
BS-Fusion Deutschland - Discussionboard
Username
 Password

Register
Forum Search
Forum Rules
View Thread
BS-Fusion Deutschland > BS Fusion
->> Themes & Designs
Previous Thread Next Thread

 
Author Buttons...   1  # 10  top
Deleted Member
Posted on 02.02.2010 14:43
Ich hab schon mal mit Frank über das Redesign der Buttons gesprochen. Haben wir in einem anderen Thema mal behandelt.
Nun gibt es folgendes Problem. Die bbcodes, sowie die Shoutbox bb's sind auch mit Buttons realisiert. Wen man nun alle Buttons dem Theme anpassen will, werden diese in ihrem Design so verändert, dass das nicht mehr aussieht.

Mein Frage:
Kann man die Buttons als Bilder ausführen, so dass sie nicht mehr als class=button laufen, oder sollte man für diese buttons eine andere Klasse wählen?
 
Author RE: Buttons...   2  # 10  top
gozoc
Co-Admin u. Cheftester


User Avatar



Posts: 1047
Location: Bayern
Joined: 22.09.06
Status: Offline
Posted on 02.02.2010 15:05
Nun, die Frage hab ich nicht ganz verstanden und weiss noch nicht genau worauf Du hinauswillst. Aber hier mal eine Übersicht:
Es gibt 3 Arten der "Buttons" hier:

1. bbcode-Buttons realisiert mit INPUT type='image' src=IMAGE class='button'
2. Forenbuttons wie "Antworten" o.ä. realisiert als normaler Link mit Grafik (ohne class)
3. andere Standardbuttons (z.B. "bewerten" ) realisiert mit INPUT type='submit' class='button'

Neue, bzw. 2 unterschiedliche Button classes zu machen, ist sicher kein Thema.
http://www.wuschelkiste.de/fusion/  
Author RE: Buttons...   3  # 10  top
Deleted Member
Posted on 02.02.2010 15:18
Japp, ich habe mal angefangen, Buttons zu bauen, die Grafisch und dynamisch sind. In CSS mit Hover etc. Nur kann ich die Klasse button nicht verwenden, da ja das Image über den BBCodes liegt. Wenn ich jetzt meinen Button drunter setze, sieht das beschmiert aus.
Ich werde mal heute Abend einen Testbutton der klasse Button erstellen, wo dann ein dynamischer Text drüber liegt.
Meine Intention ist, dass man nicht für jede Sprache einen Button vorhalten muss. Ist ja gerade ein Thema für das Forum. Also Button genommen (a.Button) und dann kann man fix auch die Sprache umschalten, ohne x Buttons zu brauchen. Dann brauch man nur einen.
Edited by on 02.02.2010 16:05
 
Author RE: css-buttons   4  # 10  top
Deleted Member
Posted on 16.02.2010 18:23
Hallo,

habe mal fürs Forum CSS-Buttons erstellt:
Code
a.forum_button, a.forum_button2{
background-image : url(images/button_forum.gif);
border: 1px #555 solid;
border-right: 1px #555 solid;
border-bottom: 1px #555 solid;
color: #fff;
font-weight: normal;
cursor: pointer;
font-size: 10px;
padding-top: 0px;
padding-bottom: 1px;
padding-left: 5px;
padding-right: 5px;
-moz-border-radius:4px;
}

a.forum_button2{
font-size: 8px;
font-weight: bold;
-moz-border-radius:2px;
}

a:hover.forum_button{
background-image : url(images/button_forum2.gif);
color: #cc0000;
font-weight: normal;
text-decoration: none;
}

a:hover.forum_button2{
background-image : url(images/button_forum2.gif);
color: #cc0000;
text-decoration: none;
}


die geänderte fviewthread.tpl.php dazu im Anhang
 Attachments 
css-buttons.rar  (Size: 13.25 KB, 3 Hits)
css-button.gif
(Size: 5.71 KB, px: 197x90)
Edited by on 16.02.2010 18:24
 
Author RE: Buttons...   5  # 10  top
gozoc
Co-Admin u. Cheftester


User Avatar



Posts: 1047
Location: Bayern
Joined: 22.09.06
Status: Offline
Posted on 16.02.2010 19:13
Danke .... aber ich frage mal ganz blöde (als Laie), warum ein
a:hover.forum_button und ein a:hover.forum_button2 wo die doch mehr als ähnlich sind ...

Prima Sache ... schau ich mir zuhause dann noch näher an
TNX.

Cheftester und Co-Admin.
http://www.wuschelkiste.de/fusion/  
Author RE: Buttons...   6  # 10  top
Deleted Member
Posted on 16.02.2010 21:05
Weil es verschieden große Buttons sind.
 
Author RE: Buttons...   7  # 10  top
Deleted Member
Posted on 16.02.2010 23:08
Quote by gozoc
Danke .... aber ich frage mal ganz blöde (als Laie), warum ein
a:hover.forum_button und ein a:hover.forum_button2 wo die doch mehr als ähnlich sind ... :noidea

Prima Sache ... schau ich mir zuhause dann noch näher an :)
TNX.


Hast Du nicht Urlaub.
Edited by on 16.02.2010 23:08
 
Author RE: Buttons...   8  # 10  top
Silvermoon
Webmaster


User Avatar



Posts: 698
Location: 72270 Baiersbronn
Joined: 26.06.06
Status: Offline
Posted on 16.02.2010 23:13
Frank macht nie wirklich Urlaub

Es ist alles eine Frage der Überarbeitung
BS-FUSION - KEEP IT SIMPLE
Content Management System Support
http://www.bs-fusion.de  
Author RE: Buttons...   9  # 10  top
gozoc
Co-Admin u. Cheftester


User Avatar



Posts: 1047
Location: Bayern
Joined: 22.09.06
Status: Offline
Posted on 18.02.2010 09:53
Quote by Silvermoon
Frank macht nie wirklich Urlaub :):cool;)




(big brother)
http://www.wuschelkiste.de/fusion/  
Author RE: Buttons...   10  # 10  top
gozoc
Co-Admin u. Cheftester


User Avatar



Posts: 1047
Location: Bayern
Joined: 22.09.06
Status: Offline
Posted on 20.02.2010 18:36
So, back to topic.

DANKE nochmals an Bahnfrank für diesen CSS Vorschlag.
Vom Ansatz her prima und ne gute Basis um daraus mehr zu machen (z.B. mit entsprechenden Grafiken usw.).

Habs mal ausprobiert und nen bisschen gespielt und für diesen einfachen Fall mal nen CSS-mäßigen Verbesserungsvorschlag:
Code CSS
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36		 a.forum_button, a.forum_button2{
background-image : url(images/button_forum2.gif);
border: 1px #555 solid;
border-right: 1px #555 solid;
border-bottom: 1px #555 solid;
color: #000;
font-weight: normal;
font-family:Verdana,Tahoma,Arial,Sans-Serif;
font-size: 11px;
cursor: pointer;
padding-top: 0px;
padding-bottom: 1px;
padding-left: 5px;
padding-right: 5px;
-moz-border-radius:4px;
}

a.forum_button2{
font-size: 9px;
font-weight: normal;
-moz-border-radius:2px;
}

a:hover.forum_button{
background-image : url(images/button_forum.gif);
color: #000;
font-weight: normal;
text-decoration: none;
}

a:hover.forum_button2{
background-image : url(images/button_forum.gif);
color: #000;
text-decoration: none;
}
 

Habs nur leicht angepasst. Und forum_button und forum_button2 könnte man auch zusammenfassen, weil kein Unterschied mehr da ist.
Später werde ich nochmal mit Grafiken (Verlauf, bzw. Glossy) spielen.

Ich persönlich steh aber im Moment noch eher auf die richtigen und selbstgemachten Grafik-Buttons ...
Kann man aber ja je nach Theme und Laune selber machen - dank "Templates".

EDIT:
ne kleine winzige Verlaufsgrafik in gray im Anhang. Kann man vielleicht auch nutzen.

Cheftester und Co-Admin.
 Attachments 
gray.gif
(Size: 96 bytes, px: 1x17)
Edited by gozoc on 21.02.2010 15:40
http://www.wuschelkiste.de/fusion/  
 
Jump to Forum:
Share Thread
URL:
BB-Code:
HTML:
© COMBRIX CMS Software v1.01.6 based on PHP-Fusion v6. Thanks to the founder Nick Jones
Design by: David Herreman | COMBRIX-Themes by Janilein (R.I.P. my friend)		6,430,398 Unique Visits
render time: 0.161 sec.