CSS Addon welche Möglichkeiten gibt es Eine Liste eurer Möglichkeiten Helft sie zu Erweitern.

Antworten
#1
25.08.2012 09:53 (zuletzt bearbeitet: 25.08.2012 09:58)
avatar  TripleM
#1 CSS Addon welche Möglichkeiten gibt es Eine Liste eurer Möglichkeiten Helft sie zu Erweitern.
avatar
TripleM
Mitglied

Liste für CSS Addon Eintragungen. Da sind mit Sicherheit welche bei die der ein oder andere Brauchen kann. Ebenso kann man die Liste Erweitern ich bitte sogar darum.


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
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
 
 /*--- 001-Ab hier - Forumheader Streifen Links und Rechts entfernen um eine Transparenz zu erlangen --- */
    .c_r_top1_head {
        background-image: none;
    }
    .c_r_top1_head div {
        background-image: none;
    }
    /*--- 001-Ende - Forumheader Streifen Links und Rechts entfernen um eine Transparenz zu erlangen --- */
 
    /*--- 002-Ab hier Hintergrund, Weite, Farben und Rahmen fuer Zitate in den Beitraegen --- */
    blockquote {
    background-color: transparent;
    border: 1px solid 030003;
    font-style:normal;
    width: 72%;
    padding: 10px;
    box-shadow: 0 2px 15px;
    -moz-box-shadow: 0 2px 15px;
    -o-box-shadow: 0 2px 15px;
    -webkit-box-shadow: 0 2px 15px;
    -khtml-box-shadow: 0 2px 15px;
    }
    /*--- 002-Ende Hintergrund, Weite, Farben und Rahmen fuer Zitate in den Beitraegen --- */
 
    /*--- 003-Ab hier Usermenue Hintergrundfarbe, Grafik und Rahmen --- */
    .nav_userinfo {
    background-color: #transp;
    background-image:url("!!!Bild Link!!!");
    border: 1px solid #030003;
    box-shadow: 0 2px 10px;
    -moz-box-shadow: 0 2px 10px;
    -o-box-shadow: 0 2px 10px;
    -webkit-box-shadow: 0 2px 10px;
    -khtml-box-shadow: 0 2px 10px;
    }
    /*--- 003-Ende Usermenue Hintergrundfarbe, Grafik und Rahmen --- */
 
    /*--- 004-Ab hier Hintergrundfarbe, Grafik und Rahmen im WYSIWYG-Editor --- */
    .xob_subiconlist {
    background-color: #transp;
    background-image:url("!!!Bild Link!!!");
    border: 1.5px solid #030003;
    }
    /*--- 004-Ende Hintergrundfarbe, Grafik und Rahmen im WYSIWYG-Editor --- */
 
    /*--- 005-Ab hier Grund-Buttons ohne Beschriftung fuer Antworten und Edit in den Beitraegen mit Mouseover-Effekt --- */
    .button_reply {
    background-image: url("!!!Bildlink!!!");
    left: -10px;
    width: 110px;
    z-index: 500;
    }
    .button_reply:hover {
    background-image: url("!!!Bild Link!!!!");
    }
    .button_edit {
    background-image: url("!!!Bild Link!!!");
    left: 108px;
    width: 160px;
    z-index: 100;
    }
    .button_edit:hover {
    background-image: url("!!!Bild Link!!!");
    }
    /*--- 005-Ende Grund-Buttons ohne Beschriftung fuer Antworten und Edit in den Beitraegen mit Mouseover-Effekt --- */
 
    /* --- 006-Ab hier Mouseovereffekt fuer Textlinks und Usernamen --- */
    a:hover {
    color:#FF0000;
    text-shadow: 3px 3px 2px #4D5258;
    text-decoration: none;
    }
    /* --- 006-Ende Mouseovereffekt fuer Textlinks und Usernamen --- */
 
    /*--- 007-Ab hier Transparenz im Usermenue bei letzte Beitraege, Beitraege Seiten etc. --- */
    .pagesBg {
    background-image: none;
    border: 0px;
    }
    /*--- 007-Ende Transparenz im Usermenue bei letzte Beitraege, Beitraege Seiten etc. --- */
 
    /*--- 008-Ab hier Farbe und Rahmen für Eingabefelder in der Expressantwort, Antwort auf Beitraege und Profil bearbeiten --- */
    .inputbox {
    background-color: #DEDEDE;
    border-left: 1.5px solid #030003;
    border-right: 2px solid #030003;
    border-top: 1.5px solid #030003;
    border-bottom: 2px solid #030003;
    }
    /*--- 008-Ende Farbe und Rahmen für Eingabefelder in der Expressantwort, Antwort auf Beitraege und Profil bearbeiten --- */
 
    /*--- 009-Ab hier Hintergrund fuer das kleine Chatfenster --- */
    #xChatBase, #xChatNoChatInfo {
    background-image: url("!!!Bild Link!!!");
    }
    /*--- 009-Ende Hintergrund fuer das kleine Chatfenster --- */
 
    /*--- 010-Ab hier Hintergrundgrafik und Rahmen fuer die Smilies im kleinen und grossen Chatfenster --- */
    div.chat_smileys {
    background-image: url("!!!Bild Link!!!");
    border-left: 1.5px solid #030003;
    border-right: 2px solid #030003;
    border-top: 1.5px solid #030003;
    border-bottom: 2px solid #030003;
    }
    /*--- 010-Ende Hintergrundgrafik und Rahmen fuer die Smilies im kleinen und grossen Chatfenster --- */
 
    /*--- 011-Ab hier Hintergrund und Rahmen fuer das User-Kontextmenue im Chat ---*/
    .contextMenu {
    background-image: url("!!!Bild Link!!!");
    border: 1px solid #030003;
    }
    /*--- 011-Ende Hintergrund und Rahmen fuer das User-Kontextmenue im Chat ---*/
 
    /*--- 012-Ab hier Hintergrund und Rahmen fuer das Menue -Gehe zu- unterhalb der Beitraege ---*/
    .jumpTo {
    background-image: url("!!!Bild Link!!!");
    border-left: 1px solid #030003;
    border-right: 2px solid #030003;
    border-top: 1px solid #030003;
    border-bottom: 2px solid #030003;
    }
    /*--- 012-Ende Hintergrund und Rahmen fuer das Menue -Gehe zu- unterhalb der Beitraege ---*/
 
    /*--- 013-Ab Hier Hintergrund im Hilfe-Kontext des Login-Menues ---*/
    #reg_help {
    background-image: url("!!!Bild Link!!!");
    }
    /*--- 013-Ende Hintergrund im Hilfe-Kontext des Login-Menues ---*/
 
    /*--- 014-Ab hier Leuchten fuer Button bei Login,Neue Mail, Ausgewählte Themen,Vorschau,Einstellungen im Chat etc. --- */
    .button1, .widget_calendar_event input {
    box-shadow: 1px 1px 8px !important;
    -moz-box-shadow: 1px 1px 8px !important;
    -o-box-shadow: 1px 1px 8px !important;
    -webkit-box-shadow: 1px 1px 8px !important;
    -khtml-box-shadow: 1px 1px 8px !important;
    background-position: 0 100%;
    border: 1px solid #030303 !important;
    color: #0000FF !important;
    }
    /*--- 014-Ende Leuchten fuer Button bei Login,Neue Mail, Ausgewählte Themen,Vorschau,Einstellungen im Chat etc. --- */
 
    /*--- 015-Ab hier Leuchten fuer Ratingbutton - Top oder Flop --- */
    .ratingbutton {
    box-shadow: 1px 1px 8px !important;
    -moz-box-shadow: 1px 1px 8px !important;
    -o-box-shadow: 1px 1px 8px !important;
    -webkit-box-shadow: 1px 1px 8px !important;
    -khtml-box-shadow: 1px 1px 8px !important;
    background-position: 0 100%;
    border: 1px solid #030303 !important;
    color: #0000FF !important;
    }
    /*--- 015-Ende Leuchten fuer Ratingbutton - Top oder Flop --- */
 
    /*--- 016-Ab hier horizontalen Hauptlinien  fuer Uebersicht und Beitraege von 1px auf 2px erhoeht und Schatten --- */
    hr {
    box-shadow: 2px 2px 8px;
    -moz-box-shadow: 2px 2px 8px;
    -o-box-shadow: 2px 2px 8px;
    -webkit-box-shadow: 2px 2px 8px;
    -khtml-box-shadow: 2px 2px 8px;
    border-bottom: medium none transparent;
    border-top: 2px solid #030303;
    }
    /*--- 016-Ab hier horizontalen Hauptlinien  fuer Uebersicht und Beitraege von 1px auf 2px erhoeht und Schatten --- */
 
    /*--- 017-Ab hier Grafiken in der Navigation hovern nach Zeitvorgabe ---*/
    .nav_n img:hover {
    -moz-transform: scale(1.05);
    transition-duration:800ms;    
    -moz-transition-duration:800ms;
    -o-transition-duration:800ms;
    -webkit-transition-duration:800ms;
    }
    /*--- 017-Ende Grafiken in der Navigation hovern nach Zeitvorgabe ---*/
 
    /*--- 018-Ab hier Schatten um Forenkorpus, sowie den Beiträgen und dem grossen Chat ---*/    
    .c_r_content1, .c_r_content2, .c_r_content3, .a_r_content2 {
    box-shadow: 0 2px 10px inset;
    -moz-box-shadow: 0 2px 10px inset;
    -o-box-shadow: 0 2px 10px inset;
    -webkit-box-shadow: 0 2px 10px inset;
    -khtml-box-shadow: 0 2px 10px inset;
    }
    /*--- 018-Ende Schatten um Forenkorpus, sowie den Beiträgen und dem grossen Chat ---*/  
 
    /*--- 019-Ab hier Rahmen und Schatten um Zitate in den Beitraegen ---*/ 
    blockquote {
    border-color: #030303;
    border-radius: 10px 10px 10px 10px;
    border-style: solid;
    border-width: 8px 2px;
    box-shadow: 0 2px 15px;
    -moz-box-shadow: 0 2px 15px;
    -o-box-shadow: 0 2px 15px;
    -webkit-box-shadow: 0 2px 15px;
    -khtml-box-shadow: 0 2px 15px;
    }
    /*--- 019-Ende Rahmen und Schatten um Zitate in den Beitraegen ---*/
 
    /*--- 020-Ab hier Schatten nach innen im Body ---*/
    body {
    box-shadow: 0 1px 16px inset;
    -moz-box-shadow: 0 1px 16px inset;
    -o-box-shadow: 0 1px 16px inset;
    -webkit-box-shadow: 0 1px 16px inset;
    -khtml-box-shadow: 0 1px 16px inset;
    }
    /*--- 020-Ende Schatten nach innen im Body ---*/
 
    
 
   
 
    /*--- 001-Ab hier Original-XOBOR Chat-Definition ---*/
    .xChat *{font-size:18px !important;}
    .lastactions *{font-size: 16px;}
    #nav_userinfo_li strong{display:none}
    .c_r_cont1_head {
    display: none;
    }
    .finfo {display:inline-block !important;}
    div.chat_smileys {width: 700px;height: 330px;}
    .chat_smiley_div .chat_smiley{max-height:30px !important;max-width:30px !important; }
    .chat_smiley_div .chat_smiley_span{width: 40px !important; height:40px !important;}
    /*--- 001-Ende Original-XOBOR Chat-Definition ---*/
 
    /*--- 002-Ab hier Usermenue Schrift ausblenden --- */
    #nav_userinfo_li strong{display:none}
    /*--- 002-Ende Usermenue ausblenden --- */
 
    /*--- 003-Ab hier Activity Feed-Neueste Aktivitaeten in der Uebersicht - Groesse des Fensters und Schriftgroesse --- */
    .lastactions li *{font-size: 20px;}
    .lastactions{min-height:270px;
    }
    /*--- 003-Ende Activity Feed-Neueste Aktivitaeten in der Uebersicht - Groesse des Fensters und Schriftgroesse --- */
 
 



Also da auch in der Liste diverse bei sind die von Damian und anderen Kommen lasst uns die Liste doch Erweitern. Es gibt Überall im Support kleine Schnipzel von CSS Eintragung und es ist recht Mühsam die zu Finden. Hier kann man sie Vereint einstellen.

Bitte Achtet darauf vor und nach einen Eintrag zu Kennzeichnen was der Eintrag bewirkt so wie es oben auch gemacht ist.
Und Bitte beachten Überall wo ein Hintergrund Bild eingefügt werden muss Steht !!!Bild Link!!! Ebenso sind bei Farbwerten die Eintragungen Anpassbar.


 Antworten

 Beitrag melden
#2
25.08.2012 14:21 (zuletzt bearbeitet: 25.08.2012 14:21)
avatar  Damian
#2 RE: CSS Addon welche Möglichkeiten gibt es Eine Liste eurer Möglichkeiten Helft sie zu Erweitern.
avatar
Damian
Spacebot-Rekordhalter

Hilfreich wäre noch zu schreiben für welches Template, da das was du jetzt eingefügt hast, als Beispiel nicht im Business Template funktionieren wird.

Viele Grüße,
Damian

Kein Support per PN (Private Nachrichten) - Tagger mich lieber (@Damian)
Damians Testforum


 Antworten

 Beitrag melden
#3
25.08.2012 16:11
avatar  TripleM
#3 RE: CSS Addon welche Möglichkeiten gibt es Eine Liste eurer Möglichkeiten Helft sie zu Erweitern.
avatar
TripleM
Mitglied

Da hast du Natürlich Recht, alle von mir angegeben Einträge sind für das Gaia Templates.


 Antworten

 Beitrag melden
#4
25.08.2012 22:04
avatar  Lady of the light
#4 RE: CSS Addon welche Möglichkeiten gibt es Eine Liste eurer Möglichkeiten Helft sie zu Erweitern.
avatar
Lady of the light
Mitglied

Hab eben den Mouseover-Effekt im Business gestestet (aber wieder rausgenommen). Funktioniert also auch im Business, muss da aber eben direkt bei "Layout"→ "CSS" eingegeben werden.

****************************************************
Bitte nicht anchatten - der Chat ist bei mir ausgeblendet und ich sehe eure Nachrichten teilweise erst 20 Minuten später. Schreibt lieber eine PN.
Bitte außerdem nicht in Themen taggen, in denen ich eh aktiv bin. Ich habe alle Themen, an denen ich mitdiskutiere, aboniert und kriege mit, wenn ihr was schreibt. Danke!

 Antworten

 Beitrag melden
#5
25.08.2012 22:18
avatar  Damian
#5 RE: CSS Addon welche Möglichkeiten gibt es Eine Liste eurer Möglichkeiten Helft sie zu Erweitern.
avatar
Damian
Spacebot-Rekordhalter

Ja, ok das Hovereffekt funktioniert, weil hier auf ein HTML-Tag, indem fall a zugreift, und dieser ist für Links zuständig. In sofern funktioniert alles was auf HTML-Tags zugreift (Also eine Art CSS-Klassen ohne Punkt davor oder Raute im CSS) aber auch nur dann, wenn es im Template vorhanden ist

Viele Grüße,
Damian

Kein Support per PN (Private Nachrichten) - Tagger mich lieber (@Damian)
Damians Testforum


 Antworten

 Beitrag melden
#6
05.09.2012 14:50
avatar  Logi
#6 RE: CSS Addon welche Möglichkeiten gibt es Eine Liste eurer Möglichkeiten Helft sie zu Erweitern.
Lo
Logi
Mitglied

Wo hast Du die denn alle her? Das ist ja schon eine ganze Menge.


 Antworten

 Beitrag melden
#7
06.09.2012 08:08
avatar  TripleM
#7 RE: CSS Addon welche Möglichkeiten gibt es Eine Liste eurer Möglichkeiten Helft sie zu Erweitern.
avatar
TripleM
Mitglied

Die CSS Addons Wurden von http://flash-gfx.topicboards.com/ erstellt für meine Foren. Und nun stelle ich sie hier zur Verfügung. Einige sind auch von Damian hier aus dem Forum. Aber der Großteil von dem Grafiker der sich mal um die Foren Gekümmert hat bei mir. Das ist nun Geschichte. Somit stelle ich die CSS hier zur Verfügung, da ich in Zukunft auf die Leute hier im Support setze wenn ich Fragen Bezüglich der CSS habe. Da wurde mir bisher immer geholfen. Und auf Euch ist Verlass im Gegensatz zu anderen.


 Antworten

 Beitrag melden
Antworten
Bereits Mitglied?
Jetzt anmelden!
Mitglied werden?
Jetzt registrieren!