| Autor |
Nachricht |
-
testilluminat
|
 02.01.2013 um 12:31 (UTC)
Titel: Rechte Boxen - Clean Design |
|
|
Hallo zusammen,
habe auf meiner Seite das neue Clean-Design eingerichtet und habe jetzt Rechte Boxen eingefügt. Durch diesen Vorgang wird allerdings von meiner Slideshow auf der Startseite (700 px breit) der rechte Rand etwas abgeschnitten. Zu erkennen bei dem zweiten Bild der Slideshow (Jahreszahl und Text nicht vollständig drauf).
Gibt es einen Code um die Boxen etwas zu verkleinern, so dass ich die komplette Homepage nicht ändern muss.
Für Eure Antworten danke ich im Voraus. |
|
|
↑
|
|
 |
|
|
02.01.2013 um 12:56 (UTC)
Titel: |
|
|
Hallo Illuminati,
wie ich sehe hast du bereits einen Script von Clean-Test.de.tl eingebunden.
Ich habe diesen einmal angepasst. Wenn du deinen durch den folgenden ersetzt, sollten die rechten Boxen etwas kleiner dargestellt werden  .
Zitat: <style type="text/css">
<!--
/* Original-Box Hintergrundfarbe weiß */
#sidebar {
background-color: #FFFFFF!important;
width:110px!important;
}
/* Aussehen neue Boxen */
.boxen {
width: 80%;
min-height: 100px;
padding: 10px;
margin: 0px 0px 20px 0px;
backgroundcolor: #eee;
border: 1px solid #ccc;
overflow: hidden;
}
-->
</style>
Die Stellen, an denen du die Breite anpassen kannst, habe ich rot markiert.
Beste Grüße,
Mats |
|
|
↑
|
|
|
-
testilluminat
|
02.01.2013 um 14:18 (UTC)
Titel: |
|
|
Hallo Mats,
besten Dank für Deine Hilfe.
Die Boxen sind nun kleiner, allerdings ist das grundlegende Problem nicht gelöst. Der Spalt zwischen Mittelbereich und den Rechten Boxen ist nun einfach größer geworden, die Slideshow ist aber leider immer noch "abgeschnitten".
Wie kann man den Mittelbereich (mit der Slideshow) vergrößern? 700 Pixel hat die Slideshow, also sollte dieser Bereich mindestens 720 - 750 pixel breit sein.
matsk hat Folgendes geschrieben: Hallo Illuminati,
wie ich sehe hast du bereits einen Script von Clean-Test.de.tl eingebunden.
Ich habe diesen einmal angepasst. Wenn du deinen durch den folgenden ersetzt, sollten die rechten Boxen etwas kleiner dargestellt werden .
Zitat: <style type="text/css">
<!--
/* Original-Box Hintergrundfarbe weiß */
#sidebar {
background-color: #FFFFFF!important;
width:110px!important;
}
/* Aussehen neue Boxen */
.boxen {
width: 80%;
min-height: 100px;
padding: 10px;
margin: 0px 0px 20px 0px;
backgroundcolor: #eee;
border: 1px solid #ccc;
overflow: hidden;
}
-->
</style>
Die Stellen, an denen du die Breite anpassen kannst, habe ich rot markiert.
Beste Grüße,
Mats |
|
|
↑
|
|
|
|
|
02.01.2013 um 16:33 (UTC)
Titel: Content verbrietern - Boxen verkleinern |
|
|
Guten Abend,
ich hab den Script noch einmal angepasst und die Klasse "#main" verbreitert. Das ganze habe ich rot hinterlegt im folgenden Script:
Zitat: <style type="text/css">
<!--
/* Original-Box Hintergrundfarbe weiß */
#main{
width:750px!important;
}
#sidebar {
background-color: #FFFFFF!important;
width:110px!important;
}
/* Aussehen neue Boxen */
.boxen {
width: 80%;
min-height: 100px;
padding: 10px;
margin: 0px 0px 20px 0px;
backgroundcolor: #eee;
border: 1px solid #ccc;
overflow: hidden;
}
-->
</style>
Dieser Script muss wie gewohnt in das Feld "Text über dem Design" eingefügt werden. Die rot markierten Zeilen steuern die Klasse "#main" an und setzen die breite auf 750px.
Beste Grüße,
Mats
Zuletzt bearbeitet von matsk am 02.01.2013, 17:35, insgesamt 2-mal bearbeitet
|
|
|
↑
|
|
|
-
testilluminat
|
02.01.2013 um 16:52 (UTC)
Titel: Re: Content verbrietern - Boxen verkleinern |
|
|
...die Umsetzung ist bei dieser tollen Hilfe sogar mir gelungen! 
Vielen Dank für den aktuell hervorragenden Support!!!
Super!
Thread kann meinerseits geschlossen werden.
matsk hat Folgendes geschrieben: Guten Abend,
ich hab den Script noch einmal angepasst und die Klasse "#main" verbreitert. Das ganze habe ich rot hinterlegt im folgenden Script:
Zitat: <style type="text/css">
<!--
/* Original-Box Hintergrundfarbe weiß */
#main{
width:750px!important;
}
#sidebar {
background-color: #FFFFFF!important;
width:110px!important;
}
/* Aussehen neue Boxen */
.boxen {
width: 80%;
min-height: 100px;
padding: 10px;
margin: 0px 0px 20px 0px;
backgroundcolor: #eee;
border: 1px solid #ccc;
overflow: hidden;
}
-->
</style>
Dieser Script muss wie gewohnt in das Feld "Text über dem Design" eingefügt werden. Die rot markierten Zeilen steuern die Klasse "#main" an und setzen die breite auf 750px.
Beste Grüße,
Mats |
|
|
↑
|
|
|
|
|
02.01.2013 um 17:44 (UTC)
Titel: |
|
|
Gern geschehen .
Beste Grüße,
Mats |
|
|
↑
|
|
|
-
testilluminat
|
02.01.2013 um 18:31 (UTC)
Titel: |
|
|
...ich bin es noch einmal.
Komme nicht weiter, beim erstellen der rechten Boxen. Ich habe mir die Umsetzung vorgestellt wie bei:
http://clean-test.de.tl/
Hat jemand den dazugehörigen Quellcode für mich?
Wäre super! |
|
|
↑
|
|
|
|
|
03.01.2013 um 11:42 (UTC)
Titel: |
|
|
Guten Morgen Illuminati,
(Ist guten Morgen schon zu spät? Egal, ich bin gerade aufgestanden  )
Du hattest du doch bereits den Script für mehrere rechte Boxen von Clean-Test.de.tl eingebunden oder erinnere ich mich falsch?
Dieses Script wär schon einmal der richtige Anlaufpunkt. Geht es dir noch darum diese blauen "Titelzeilen" einzufügen oder wo genau kommst du nicht weiter?
Beste Grüße,
Mats
Zuletzt bearbeitet von matsk am 03.01.2013, 17:46, insgesamt einmal bearbeitet
|
|
|
↑
|
|
|
|
.
)