Forumsbreite bei Chat Groß Klein Ändert sich

09.12.2012 14:29

TripleM
#1 Forumsbreite bei Chat Groß Klein Ändert sich

Hallo wenn ich den Chat im Forum unten rechts nutze ist das Forum sagen wir mal 90 % Breit wenn ich nun den Chat Unters Forum mache wird das Forum breiter. Kann man das Irgendwie verhindern per Eintrag in die CSS das es immer gleich breit angezeigt wird.

Hier mal Zur Verdeutlichung

Chat unterm Forum

Chat eingeklappt oder unten Rechts.

Scheint so als wenn der Chat unterm Forum die Forumsbreite Automatisch vergrößert. Kann man es Umgehen sprich es so einstellen das es immer gleich breit ist oder ist das ein Bug dann bitte ich um Verschiebung.

Bildanh�nge

Antworten

Beitrag melden

10.12.2012 11:25

Christian
#2 RE: Forumsbreite bei Chat Groß Klein Ändert sich

Christian

Hmmm also ich konnte das Problem leider nicht auf meinem Testforum reproduzieren. Hast du eventuell noch andere Modifikation via CSS vorgenommen ... oder eventuell durch Scripte oder Bilder in der Kopf bzw. Fußzeile?

Antworten

Beitrag melden

10.12.2012 18:55

TripleM
#3 RE: Forumsbreite bei Chat Groß Klein Ändert sich

TripleM

Ja ich habe sowohl per CSS Einträge vorgenommen.

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
 
.xChat * {font-size: 21px !important;font-weight:blod !important;}
 
div.chat_smileys {
    width: 950px;
    height: 375px;
}
 
.chat_smiley_div .chat_smiley{max-height:55px !important;max-width:55px !important; }
.chat_smiley_div .chat_smiley_span{width: 55px !important; height:55px !important;}
 
.lastactions{max-height:275px !important;}
 
.lastpost{
font-weight:bold;
}
 
#topnavigation-ul > li:nth-child(n+3) {
  display: none;
}
 
ul.navigation li {
  line-height: 25px;
}
 

 

Als auch Bilder in der Kopf Zeile

1
 
<br><center><a href="http://www.offroadfreunde.com/"><img src='http://up.picr.de/11536535px.gif' border='0' /></a><a href="http://www.offroadfreunde-nord.de/"><IMG SRC="http://up.picr.de/11537335mj.png" WIDTH=224 HEIGHT=295 BORDER=0></a><a href="http://www.offroadfreunde-nord.de/"><IMG SRC="http://up.picr.de/12689512ol.png" WIDTH=295 HEIGHT=295 BORDER=0></a></center><a href="http://www.offroadfreunde-nord.de/" title="Das Offroadforum der Nordlichter"><center><img src="http://www.imgbox.de/users/Mario4370/OFN_Schrift_Header_Top.png" alt="Das Offroadforum der Nordlichter" border="0"></a></center><br>

Und auch Einträge in der Fußzeile

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
 
<br><div style='text-align:center'>
<strong>Legende:</strong><span style="color: #e01503;">Admin</span>,
<span style="color: #801002;"> Moderator</span>,
<span style="color: #000078;"> User</span>,
<span style="color: #2102D1;"> VIPs </span>,
<span style="color: #b300b3;"> Weibl. User</span>,
<span style="color: #5dd632;"> Händler </span>,
<span style="color: #60f0eb;"> Gesperrte User </span>
<br>
<center><IMG SRC="http://up.picr.de/11536781uc.png" WIDTH=352 HEIGHT=30 BORDER=0></center>
<a href="https://www.youtube.com/user/mario4370?feature=guide" target="_blank"><img src="http://up.picr.de/11507558fo.png"  alt="YouTube" border="0"></a>		
<a href="https://www.facebook.com/groups/offroadfreundenord/" target="_blank"><img src="http://up.picr.de/11507548nw.png" alt="facebook" border="0"></a>
<a href="https://plus.google.com/b/111935687927583246914/111935687927583246914/posts" target="_blank"><img src="http://up.picr.de/11507552uu.png" alt="google+" border="0"></a>
<a href="https://twitter.com/#!/mario4370" target="_blank"><img src="http://up.picr.de/11507557ck.png" alt="twitter" border="0"></a>
</center><center><strong><font size= "4"><i><u>Partner-Foren siehe oben Links Offroadfreunde.com</u></i></font></strong></center><center><img src='http://up.picr.de/11537346wm.png' border='0' /><img src='http://up.picr.de/11537345ma.png' border='0' /><img src='http://up.picr.de/11537344hq.png' border='0' /></center>
<br><center>Offroadfreunde Adventskalender</center>
	<script>
            try {
                $('#innerCal');
				colorbox();
				adjs();
            } catch (e) {
                var script = document.createElement("script");
                script.setAttribute('type','text/javascript'); 
                script.src='https://img.homepagemodules.de/ds/static/jquery/min/jquery-1.7.1.min.js';
                document.getElementsByTagName("head")[0].appendChild(script);
			
				window.onload = function() {
				  colorbox();
				  adjs();
				};
			
            }
			
			function colorbox() {
			    var cbox = document.createElement("script");
                cbox.setAttribute('type','text/javascript'); 
                cbox.src='https://img.homepagemodules.de/ds/static/aktionen/adventskal/js/jquery.colorbox-min.js';
                document.getElementsByTagName("head")[0].appendChild(cbox);			
			}
			function adjs() {
			    var ajs = document.createElement("script");
                ajs.setAttribute('type','text/javascript'); 
                ajs.src='https://img.homepagemodules.de/ds/static/aktionen/adventskal/js/advCal_1.js.js';
                document.getElementsByTagName("head")[0].appendChild(ajs);			
			}
			
            </script>
                    <link rel="stylesheet" 
 
href="https://img.homepagemodules.de/ds/static/aktionen/adventskal/css/colorbox_1.css" />
        <script>
        
//############ CONFIG START ##############
// URL zum Hintergrundbild des Kalenders
var backgroundImg = " https://files.homepagemodules.de/b214495/bhnetfiles_big-k75p-3-eccb.jpg ";
// Was fÃ&#65533;Â¼r eine Grafik soll als Vorschau angezeigt werden, wenn sich im Tuerchen ein YoutubeVid statt eines Bildes befindet 
var videoPrevBackground = " https://files.homepagemodules.de/b214495/bhnetfiles-k75p-2-c81e.jpg";
var videoW = "800"; // Breite des Videofensters
var videoH = "600"; // Hoehe des Videofensters
// Hintergrundfarbe definieren. ACHTUNG! Macht nur Sinn, wenn der Kalender auf einer extra Seite eingebunden wird!
var backgroundIMG = "";
    
var width = "945";  // Kalenderbreite
var height = "600"; // Kalenderhoehe
// Wenn der Kalender abgerundete Ecken besitzen soll, dann hier in Wert angeben. Ansonsten hier einfach 0 eiintragen
var borderRadius = "5px";
    
// Zeichnet den Hintergrund weich. 
// Funktioniert aktuell nur im Chrome und Safari und eventuell in kommenden Browserversionen des IE und FF 
// "true" fuer Ja und "false" fuer nein
var blur = "false";
    
// Um ein einfaches Bild fÃ&#65533;Â¼r den jeweiligen Tag einzufÃ&#65533;Â¼gen, einfach die direkte URL (Adresse) zum Bild eintragen.
// Fuer ein YoutubeVideo die Zwoelfstellige Video ID (ohne http://youtube.com usw.!) eintragen ... z.B. y2T6qekeqlk
// WICHTIG! Die Zaehlung der Tage, beginnt bei 0! Sprich der 1. Dezember = dayImgs[0] ... der 24. ist demzufolge dayImgs[23]
var dayImgs = new Array();
dayImgs[0] = "http://up.picr.de/12611505zg.jpg";
dayImgs[1] = "http://up.picr.de/12611512ys.jpg";
dayImgs[2] = "http://up.picr.de/12611515qz.jpg";
dayImgs[3] = "http://up.picr.de/12611516sh.jpg";
dayImgs[4] = "http://up.picr.de/12611519as.jpg";
dayImgs[5] = "http://up.picr.de/12611520rk.jpg";
dayImgs[6] = "http://up.picr.de/12611522sw.jpg";
dayImgs[7] = "http://up.picr.de/12611524xk.jpg";
dayImgs[8] = "http://up.picr.de/12611537yi.jpg";
dayImgs[9] = "http://up.picr.de/12611558fk.jpg";
dayImgs[10] = "http://up.picr.de/12611594fo.jpg";
dayImgs[11] = "http://up.picr.de/12611598ez.jpg";
dayImgs[12] = "http://up.picr.de/12611610dd.jpg";
dayImgs[13] = "http://up.picr.de/12611609ut.jpg";
dayImgs[14] = "http://up.picr.de/12611611dj.jpg";
dayImgs[15] = "http://up.picr.de/12611612oo.jpg";
dayImgs[16] = "http://up.picr.de/12611613oo.jpg";
dayImgs[17] = "http://up.picr.de/12611663az.jpg";
dayImgs[18] = "http://up.picr.de/12611670pg.jpg";
dayImgs[19] = "http://up.picr.de/12611686ri.jpg";
dayImgs[20] = "http://up.picr.de/12611695kz.jpg";
dayImgs[21] = "http://up.picr.de/12611708cu.jpg";
dayImgs[22] = "http://up.picr.de/12611709df.jpg";
dayImgs[23] = "https://files.homepagemodules.de/b214495/bhnetfiles-jtlt-s-33e7.jpg";
    
//############ CONFIG END ##############
var offset = 1;
</script>
	<style type="text/css" title="text/css">
	#cboxOverlay{background:url(https://img.homepagemodules.de/ds/static/aktionen/adventskal/images/overlay.png) repeat 
 
0 0;}
	#containerCal {
		width: 320px;
		height: 240px;
		margin: auto;
		position:relative;
		display:none;
	}
            
        #Adfooter {
            display:none;
            bottom:7%;
            margin:auto;
            right: 10%;
            position: absolute;
            color:white;
            font-size: 10px;
            text-align: right;
        }
        #Adfooter a {
            color:white;
            font-size: 10px;
        }
            
	#innerCal {
		width: 100%;
		height: 100%;
		margin: 0 auto 0 auto;
		padding-top: 2%;
		padding-bottom: 2%;
		padding-left: 5%;
		padding-right: 5%;
		position:relative !IMPORTANT;
	}
	#mybg {
            
		position: absolute !IMPORTANT;
		top: 0px;
		left: 0px;
		width: 100%;
		height: 100%;
		filter: blur(5px);
                    
	}
            
	.door {
		background-image: url(https://files.homepagemodules.de/b2001010/a_96.png);
		width: 9.5%;
		height: 15%;
		float: left;
		margin-top: 3%;
		margin-right: 5%;
		padding-left: 1%;
		padding-top: 1%;
		color: white;
		text-align:left !IMPORTANT;
		font-weight: bold;
		border: 1px dotted white;
		cursor:pointer;
                    
	}
            
	.door:hover {
            
		background-color: #E90000;
		opacity: 0.7;
                    
                    
	}
            
            
	</style>
            
<div id="containerCal">
	<img src=" " id ="mybg" />
	<div id="innerCal">
		<div id="16" class="door" onclick="checkDateAndAction(16);">16</div>
		<div id="3" class="door" onclick="checkDateAndAction(3);" >3</div>
		<div id="12" class="door" onclick="checkDateAndAction(12);">12</div>
		<div id="5" class="door" onclick="checkDateAndAction(5);">5</div>
		<div id="20" class="door" onclick="checkDateAndAction(20);">20</div>
		<div id="7" class="door" onclick="checkDateAndAction(7);">7</div>
		<div id="13" class="door" onclick="checkDateAndAction(13);">13</div>
		<div id="8" class="door" onclick="checkDateAndAction(8);">8</div>
		<div id="21" class="door" onclick="checkDateAndAction(21);">21</div>
		<div id="9" class="door" onclick="checkDateAndAction(9);">9</div>
		<div id="10" class="door" onclick="checkDateAndAction(10);">10</div>
		<div id="14" class="door" onclick="checkDateAndAction(14);">14</div>
		<div id="24" class="door" onclick="checkDateAndAction(24);">24</div>
		<div id="15" class="door" onclick="checkDateAndAction(15);">15</div>
		<div id="1" class="door" onclick="checkDateAndAction(1);">1</div>
		<div id="17" class="door" onclick="checkDateAndAction(17);">17</div>
		<div id="4" class="door" onclick="checkDateAndAction(4);">4</div>
		<div id="18" class="door" onclick="checkDateAndAction(18);">18</div>
		<div id="6" class="door" onclick="checkDateAndAction(6);">6</div>
		<div id="19" class="door" onclick="checkDateAndAction(19);">19</div>
		<div id="22" class="door" onclick="checkDateAndAction(22);">22</div>
		<div id="2" class="door" onclick="checkDateAndAction(2);">2</div>
		<div id="23" class="door" onclick="checkDateAndAction(23);">23</div>
		<div id="11" class="door" onclick="checkDateAndAction(11);">11</div>
                <div id="Adfooter"><a href="http://www.offroadfreunde-nord.de" target="_blank">Offroadfreunde Nord</a></div>
                <img src="https://www.xobor.de/AdAdvent" width="1" height="1" />
	</div>
</div>
             
 
 

Denkst du das es von einen der Einträge kommen kann. Ist ja nicht so schlimm nur das Umspringen Nervt ein wenig wenn es sich Verbreitert.

Antworten

Beitrag melden

10.12.2012 19:42

Bommel
#4 RE: Forumsbreite bei Chat Groß Klein Ändert sich

Bommel

In dem Script in der Kopfzeile habe ich eben beim überfliegen Fehler gefunden. Übernimm mal diesen Code komplett:

1
 
<br><center><a href="http://www.offroadfreunde.com/"><img src="http://up.picr.de/11536535px.gif" border="0" /></a><a href="http://www.offroadfreunde-nord.de/"><IMG SRC="http://up.picr.de/11537335mj.png" WIDTH="224px" HEIGHT="295px" BORDER="0"/></a><a href="http://www.offroadfreunde-nord.de/"><IMG SRC="http://up.picr.de/12689512ol.png" WIDTH="295px" HEIGHT="295px" BORDER="0"/></a></center><center><a href="http://www.offroadfreunde-nord.de/" title="Das Offroadforum der Nordlichter"><img src="http://www.imgbox.de/users/Mario4370/OFN_Schrift_Header_Top.png" alt="Das Offroadforum der Nordlichter" border="0"/></a></center><br>

LG Bommel

Ich und XOBOR... wir sind nicht einfach nur Vertragspartner - wir sind ein Team!
(Der wohl wichtigste Grund meiner Beiträge hier.)

Boardnummer: 585867 | Template: Business (unverändert) | Tarif: Basis
Betriebssystem: Windows 7 | Auflösung: 1440x900, 1024x600 (Netbook)
Browser: Mozilla FireFox (17.0.1), Internet Explorer (9.0.11), Google Chrome (23.0.1271.95 m), Safari (5.1.7), Opera (12.10.1652)

Antworten

Beitrag melden

10.12.2012 19:47

TripleM
#5 RE: Forumsbreite bei Chat Groß Klein Ändert sich

TripleM

Zitat von Bommel im Beitrag #4

In dem Script in der Kopfzeile habe ich eben beim überfliegen Fehler gefunden. Übernimm mal diesen Code komplett:

1
 
<br><center><a href="http://www.offroadfreunde.com/"><img src="http://up.picr.de/11536535px.gif" border="0"></a><a href="http://www.offroadfreunde-nord.de/"><img src="http://up.picr.de/11537335mj.png" border="0" height="295px" width="224px"></a><a href="http://www.offroadfreunde-nord.de/"><img src="http://up.picr.de/12689512ol.png" border="0" height="295px" width="295px"></a></center><center><a href="http://www.offroadfreunde-nord.de/" title="Das Offroadforum der Nordlichter"><img src="http://www.imgbox.de/users/Mario4370/OFN_Schrift_Header_Top.png" alt="Das Offroadforum der Nordlichter" border="0"></a></center><br>

LG Bommel

Hmm Bommel Bingo. Das scheint es gewesen zu sein. Danke für deine Hilfe das Springen der Breite ist nun weg.