Demo

Probiere ClanSphere aus und teste daran herum. Demo


Antworten: 24
Seite < 1 [2]
cynext
Thread-Ersteller


Beginner





Beiträge: 19
 # Antwort: 21 - 21.11.2014 um 14:52 Uhr
Laut dem modul kann ich das nicht. Aber jetzt ist es länger. Kann es an der width liegen ?


Inaktiv
|
Tress13


Highlander




Herkunft: Lüdenscheid
Beiträge: 3048
 # Antwort: 22 - 21.11.2014 um 15:03 Uhr
Jaja klar. Damit legst du fest, wie lang das "Feld" ist.
Auch wenn man das Feld jetzt in diesem Fall nicht sehen kann.

Kannste also beliebig deinen Bedürfnissen anpassen.


------------------


www.iv-gaming.de | www.iv-artwork.de

Zuletzt editiert von Tress13 am 21.11.2014 um 15:03 Uhr (1x Editiert)
Inaktiv
|
cynext
Thread-Ersteller


Beginner





Beiträge: 19
 # Antwort: 23 - 21.11.2014 um 15:07 Uhr
Dankeschön. Lieb von dir. Solangsam bekomme ich das meiste auch schon so hin.
Die ganze rechte seite also sprich control panel teamspeak statistik und der rest muss ein stück runter also gleich auf wie main_bg damit ich oben zwischen noch mutli slider einbauen kann aber ich finde die height von den nicht also irgendwie passiert


Hier einmal die layout css
mehr... +-
 
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.
240.
241.
242.
243.
244.
245.
246.
247.
248.
249.
250.
251.
252.
253.
254.
255.
256.
257.
258.
259.
260.
261.
262.
263.
264.
265.
266.
267.
268.
269.
270.
271.
272.
273.
274.
275.
276.
277.
278.
279.
280.
281.
282.
283.
284.
285.
286.
287.
288.
289.
290.
291.
292.
293.
294.
295.
296.
297.
298.
299.
300.
301.
302.
303.
304.
305.
306.
307.
308.
309.
310.
311.
312.
313.
314.
315.
316.
317.
318.
319.
320.
321.
322.
323.
324.
325.
326.
327.
328.
329.
330.
331.
332.
333.
334.
335.
336.
337.
338.
339.
340.
341.
342.
343.
344.
345.
346.
347.
348.
349.
350.
351.
352.
353.
354.
355.
356.
357.
358.
359.
360.
361.
362.
363.
364.
365.
366.
367.
368.
369.
370.
371.
372.
373.
374.
375.
376.
377.
378.
379.
380.
381.
382.
383.
384.
385.
386.
387.
388.
389.
390.
391.
392.
393.
394.
395.
396.
397.
398.
399.
400.
401.
402.
403.
404.
405.
406.
407.
408.
409.
410.
411.
412.
413.
414.
415.
416.
417.
418.
419.
420.
421.
422.
423.
424.
425.
426.
427.
428.
429.
430.
431.
432.
433.
434.
435.
436.
437.
438.
439.
440.
441.
442.
443.
444.
445.
446.
447.
448.
449.
450.
451.
452.
453.
454.
455.
456.
457.
458.
459.
460.
461.
462.
463.
464.
465.
466.
467.
468.
469.
470.
471.
472.
473.
474.
475.
476.
477.
478.
479.
480.
481.
482.
483.
484.
485.
486.
487.
488.
489.
490.
491.
492.
493.
494.
495.
496.
497.
498.
499.
500.
501.
502.
503.
504.
505.
506.
507.
508.
509.
510.
511.
512.
1. / 2. / ... 
 /* START CSS Reset */

* {
  padding: 0;
  margin: 0;
  vertical-align: baseline;
  text-decoration: none;
  border: 0;
  outline: 0;
}

/* STOP CSS Reset */

body {
  background: url(Bilder/bg.jpg) top center no-repeat #000;
  background-attachment: fixed;
  position: relative;
  font-size: 12px;
  font-family: Arial,Helvetica,Tahoma,Verdana,sans-serif;
  -webkit-text-size-adjust: 100%;
  color: #555;
  text-shadow: #000 1px 1px 0;
  margin: 0 auto;
}

a:link, a:visited {
  color: #000;
  font-weight: bolder;
}

a:hover {
  color: #999;
}

#main {
  width: 1000px;
  margin: 0 auto;
}

#main_inner {
  background: url(Bilder/main_bg.png) repeat-y;
  width: 1000px;
  float: left;
}

/* START Header */

#header {
  background: url(Bilder/header.png) top center;
  width: 1000px;
  height: 234px;
  margin: 0 auto;
}

#ticker {
  width: 478px;
  height: 20px;
  float: left;
  margin: 30px 432px auto;
}

#slider {
  width: 250px;
  height: 150px;
  margin: 0 auto;
}

/* ENDE Header */
/* START Navigationsleiste */

#navleiste {
  width: 672px;
  height: 65px;
  margin: 0 280px 0 auto;
}

#navleiste a {
  font-size: 12px;
  font-weight: bold;
  color: #B40404;
}

#navi, #navi ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  position: relative;
  overflow: visible;
}

#navi li ul {               /* Normalzustand eingeklappt */
  display: none;
  text-align: left;
  margin-top: 10px;
}

#navi li:hover ul {         /* Ausgeklappt */
  display: block;
}

#navi li ul a {
  background: #000;
  color: #DF0101;
  font-weight: normal;
  padding: 6px 0 6px 15px;
  opacity: 0.9;
}

#navi li ul a:hover {
  color: #ddd;
  padding: 6px 0 6px 19px;
}
  
#navi li {
  width: 126px;
  float: left;
}

.navi_top {
  background: #000;
  height: 2px;
  border-top: 2px solid #B40404;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  opacity: 0.9;
}

.navi_footer {
  background: #000;
  height: 6px;
  border-bottom: 2px solid #B40404;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  opacity: 0.9;
}

.navi_home , .navi_clan , .navi_gaming , .navi_extras {
  height: 99px;
  float: left;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  text-shadow: #000 1px 1px 0;
  color: #B40404;
  margin: 10px 2px 0 0;
}

.navi_home a, .navi_clan a, .navi_gaming a, .navi_extras a {
  color: #777;
  display: block;
  font-weight: normal;
  padding: 10px 0;
}

/* ENDE Navigationsleiste */
/* START Login */

#login {
  background: url(Bilder/box_inner.png);
  width: 317px;
  height: px;
  float: right;
  line-height: 13px;
  color: #B40404;
}

#loginpanel {
  background: url(Bilder/login.png);
  width: 297px;
  height: 129px;
  float: right;
  line-height: 13px;
  padding: 16px 0 0 20px;
}

#loginpanel a {
  color: #B40404;
  font-weight: bolder;
}

#loginpanel a:hover {
  color: #B40404;
}
 
#login input[type=password], #login input[type=text] {
  background: transparent;
  width: 146px;
  height: 21px;
  color: #B40404;
  font-size: 12px;
  font-family: Arial,Helvetica,Tahoma,Verdana,sans-serif;
  font-weight: bolder;
  border: 0;
  padding: 0 10px;
}

#login input[type=text] {
  margin: 2px 0 6px 15px;
}

#login input[type=password] {
  margin: 0 0 14px 15px;
}

#login input[type=submit] {
  background: transparent;
  width: 64px;
  height: 55px;
  float: right;
  border: 0;
  margin: 0 32px 0 0;
  box-shadow: none;
}

#login input[type=submit]:hover {
  background: url(Bilder/button_login.png);
}

.button_reg {
  width: 180px;
  float: left;
  margin: 2px 0 0 15px;
}

#control {
  width: 253px;
  height: 129px;
  float: right;
  line-height: 13px;
  padding: 16px 32px 0 32px;
}

#control a {
  color: #B40404;
  font-weight: normal;
}

#control a:hover {
  color: #B40404;
}

.control_l, .control_r {
  background: url(Bilder/button_control.jpg);
  width: 100px;
  height: 16px;
  text-align: center;
  padding: 8px 10px 6px 10px;
}

.control_l {
  float: left;
}

.control_r {
  float: right;
}

.control_l:hover, .control_r:hover {
  background-position: right -30px;
}

/* ENDE Login */
/* START Content */

#content {
  width: 672px;
  float: left;
  line-height: 1.4em;
}

.content_top {
  background: url(Bilder/content_top.png);
  width: 672px;
  height: 21px;
  float: left;
}

.content_inner {
  width: 632px;
  float: left;
  margin: 0 20px 15px 20px;
  text-shadow: none;
}

.newspic {
  float: left;
  margin: 0 16px 8px 0;
  border: 3px solid #fff;
  outline: 1px solid #ccc;
}

/* ENDE Content */
/* START Rechts */

#right {
  width: 317px;
  float: right;
  position: relative;
  top: -47px;
  line-height: 1.4em;
}

#right td {
  color: #B40404;
}

.box_inner a {
  color: #B40404;
  font-weight: bold;
}

.box_inner a:hover {
  color: #B40404;
}

.head_box_control, .head_box_statistik, .head_box_shoutbox {
  width: 317px;
  height: 60px;
  float: right;
}

.head_box_control {
  background: url(Bilder/box_control.png);
}

.head_box_statistik {
  background: url(Bilder/box_statistik.png);
}

.head_box_shoutbox {
  background: url(Bilder/box_shoutbox.png);
}

.box_bottom {
  background: url(Bilder/box_bottom.png);
  width: 317px;
  height: 28px;
  float: right;
}

.box_inner {
  background: url(Bilder/box_inner.png);
  width: 257px;
  float: right;
  color: #B40404;
  padding: 15px 30px 5px 30px;
}

/* ENDE Rechts */
/* START Links */

#left {
  width: 317px;
  float: left;
  position: relative;
  top: 47px;
  line-height: 1.4em;
}

#right td {
  color: #B40404;
}

.box_inner a {
  color: #B40404;
  font-weight: bolder;
}

.box_inner a:hover {
  color: #B40404;
}

.head_box_ts {
  width: 317px;
  height: 60px;
  float: left;
}

.head_box_ts {
  background: url(Bilder/box_ts.png);
}

.box_innerts {
  background: url(Bilder/box_innerts.png);
  width: 257px;
  float: right;
  color: #B40404;
  padding: 15px 30px 5px 30px;
}

/* ENDE Links */
/* START Footer */

#footer {
  background: url(Bilder/footer.png);
  color: #fff;
  width: 1000px;
  height: 254px;
  float: left;
}

#footer ul {
  list-style: none;
}

.footer_navi1, .footer_navi2, .footer_navi3 {
  width: 78px;
  height: 110px;
  float: left;
  padding: 0 10px 0 25px;
  margin: 70px 10px 0 0;
  line-height: 22px;
}

.footer_navi1 a, .footer_navi2 a, .footer_navi3 a {
  color: #B40404;
  font-weight: normal;
}

.footer_navi1 a:hover, .footer_navi2 a:hover, .footer_navi3 a:hover {
  color: #ddd;
}

.footer_navi4 {
  width: 290px;
  height: 240px;
  float: right;
}

.topbutton {
  background: #000;
  width: 33px;
  height: 28px;
  float: right;
  display: block;
  text-align: center;
  text-shadow: none;
  margin: 16px 131px 16px 30px;
  opacity: 0.1;
}

.topbutton:hover {
  opacity: 0.0;
}

.topbutton a {
  color: #555;
  font-weight: bolder;
}

.topbutton a:hover {
  color: #f90;
}

.footerbutton {
  width: 135px;
  height: 15px;
  float: right;
  display: block;
  text-align: right;
  margin: 0 20px 0 0;
}

/* ENDE Footer */
/* START Icons */

#icon_field {
  width: 270px;
  height: 42px;
  float: right;
  padding: 35px 14px 0 0;
}

#facebook a, #feed a, #twitter a, #youtube a, #iv-artwork a, #elite a {
  width: 36px;
  height: 36px;
  float: right;
  margin: 0 0 0 8px;
  opacity: 0.8;
}

#facebook a:hover, #feed a:hover, #twitter a:hover, #youtube a:hover, #iv-artwork a:hover, #elite a:hover {
  opacity: 100;
}

#facebook a {
  background: url(Bilder/Icons/facebook.png);
}

#feed a {
  background: url(Bilder/Icons/rss.png);
}

#twitter a {
  background: url(Bilder/Icons/twitter.png);
}

#youtube a {
  background: url(Bilder/Icons/youtube.png);
}

#iv-artwork a {
  background: url(Bilder/Icons/iv-artwork.png);
}

#elite a {
  background: url(Bilder/Icons/elite.png);
}

/* ENDE Icons */
/*Start SELFMADE*/


Zuletzt editiert von cynext am 21.11.2014 um 17:31 Uhr (3x Editiert)
Inaktiv
|
Tress13


Highlander




Herkunft: Lüdenscheid
Beiträge: 3048
 # Antwort: 24 - 21.11.2014 um 20:21 Uhr
Um die rechte Spalte nach unten zu schieben, musst du dich auf folgendes beziehen:

#right {
width: 317px;
float: right;
position: relative;
top: -47px;
line-height: 1.4em;
}


Einfach mit top mal bisl rumprobieren.

Aber wenn du den Multislider unter die Navigationsleiste baust, wird automatisch ein Feld für den Multislider erstellt und somit auch der Platz dazwischen. Dann würde ich lieber in die index.htm eine neue ID für den multislider schreiben und diese in der layout.css wieder definieren.

index.htm:
 
1.
1. / 2. / ... 
 <div id="slider">{multislide:navslide}</div>


layout.css:
 
1.
2.
3.
4.
5.
1. / 2. / ... 
 #slider {
  width: 1000px;
  height: 180px;
  float: left;
  text-align: center;


------------------


www.iv-gaming.de | www.iv-artwork.de

Zuletzt editiert von Tress13 am 21.11.2014 um 20:22 Uhr (1x Editiert)
Inaktiv
|
Antworten: 24
Seite < 1 [2]


Sie müssen sich registrieren, um zu antworten.