Suche im Forum:
Suchen


« Vorheriges Thema anzeigen :: Nächstes Thema anzeigen »  
Autor Nachricht
Beitrag17.04.2010 um 10:02 (UTC)    
Titel: Links eine Box im IceBlue Design...

HAllo! NAch dem ich jetz schon bisl gestöbert aber nichts passendes gefunden habe wende ich mich an die Wisenden unter euch!

Ich hätte gern eine Box links unter der Navigation!
Die Möglichkeiut über Design einstellen ((z.B. Copyright): ) klappt irgendwie nicht und wird dabei unten neben dem Counter gezeigt!

Die Grafik unter der Navi austauschen hat auch noch nicht funktioniert wie ich das gern hätte!
Hier die Seite als Text

Code:
<style type= "text/css">


/* Werbung über Design mittig */
table[height="20"] { margin: auto; }

/* Erste Hintergrund-Tabelle */
    table.edit_main_table {
    padding:10px 10px 20px 10px;
    width: 960px !important;
    margin: auto;
    margin-top: -100px;
    background-color: #000000;
    background-image: url(http://img.webme.com/pic/a/altkalener-dartclub/bg_container.png);
    background-repeat: repeat-x;
    border: 2px solid #611816;
    -moz-border-radius: 8px;
    -khtml-border-radius: 8px;
    -moz-box-shadow: 4px 4px 6px #611816, 4px 4px 6px #611816;
    z-index:1; }

/* die rechte  Box komplett zu entfernen*/
.edit_rechts_tabelle,.edit_rechts_cbg{width: 100%;}
.edit_rechts_bottom{display:none;}


    /* Hintergrund hinter Design */
      body {
    margin: auto;
    background-color: #EAE9E9;
    background-image: url();
    background-repeat: repeat-; }

       iframe[height="90"] {
    position: absolute;
    left:50%;
    top:35px;
    margin-left:-270px;
    z-index:2; }
    /* Nullformatierung für alle Browser */
        *{margin:0px; padding:0px;}


    /* zweite nicht sichtbare Tabelle hinter Design */
    table.edit_second_table {
    width: 960px !important; }

    td.edit_main_tr {
    width: 960px;
    height: 50% !important; }

    table.edit_rechts_tabelle {
    width: 100% !important; }

    table.edit_third_table {
    background-image: url();
    width: 100% !important; }


    td.edit_rechts_bottom {
    width: 10% !important; }

    /* Header oben */
    td.edit_header_full {
    width: 960px;
    height: 100px;
    background-color: #000000;
    background-repeat: no-repeat;
    background-image: url(http://img.webme.com/pic/a/altkalener-dartclub/header.jpg);
    border: 0px solid #xxxxxx;
    -moz-border-radius: 8px;
    -khtml-border-radius: 8px;
    -moz-box-shadow: 4px 4px 6px #000000, 4px 4px 6px #000000;}

    /* Titel im Header entfernen */
    td.headline {visibility: hidden;}

    /* Titel über Navigation */
    td.nav_heading {
    color: #FFFFFF;
    font-size: 12px;
    font-family: arial,verdana;
    text-align: left;
    height: 29px;
    background-color: ;
    background-image: url(); }

    /* Navi Buttons */
    td.nav {
    background-color:#F2F2F2;
    background-image: url(http://img.webme.com/pic/a/altkalener-dartclub/button_blau.jpg);
    border: 0px solid #CD6733;
    -moz-border-radius: 6px;
    -khtml-border-radius: 6px; }


    /* Hover Navi-Button */
    td.nav:hover {
    background-image: url(http://img.webme.com/pic/a/altkalener-dartclub/button_blau_hover.jpg);
  border: 0px solid #611816; }

    /* Textlinks in Navigation */
    td.nav a {
    color: #000000;
    font-size: 16px;
    font-family: arial,verdana;
    text-decoration: none;
    text-align: center; }

    /* Hover Textlink Navigation */
    td.nav a:hover {
    color: #xxxxxxx; }

   

    /* Linkfarbe aktuell offene Seite */
    tr.checked_menu td a {
    color: #xxxxxx;}

   /* Feld unter Navigation entfernt */
    td.edit_below_nav {display:none;}

    /* Hintergrund hinter und unter Navigation */
    td.edit_navi_headbg {
    height: 50%;
    background-color: ;
    background-image: url(); }

    /* Balken über Textfeld */
    td.edit_content_top {
    height: 29px;
    background-color: ;
    background-image: url(); }

    /* Seitentitel über Textfeld */
    td.headline2 {
    padding-bottom: 5px;
    color: #FFFFFF;
    font-size: 0px;
    font-family: arial,verdana;
    text-align: left; }

    /* Feld hinter Textfeld */
    td.edit_content {
    background-color: ;
    background-image: url();}

    /* Textfeld */
    td.edit_content_main {
    min-height: 238px !important;
    padding: 20px 20px 20px 20px;
    background-color: #EAE9E9;
    background-image: url(http://img.webme.com/pic/a/altkalener-dartclub/textfeld_backround.jpg);
    border: 0px solid #xxxxxx;
    -moz-border-radius: 8px;
    -khtml-border-radius: 8px;
    -moz-box-shadow: 4px 4px 6px #000000, 4px 4px 6px #000000;}

    /* Schriftgröße + Schriftfarbe auf allen Seiten */
    td, div {
    color: #000000;
    font-size: 14px;
    font-family: arial; }

    /* Linke Spalte im Textfeld */
    td.edit_content_left_spacer {
    background-color: ;
    background-image:url(); }

    /* Rechte Spalte im Textfeld */
    td.edit_content_right_spacer {
    background-color: ;
    background-image:url(); }

    /* Erste Balken unter Textfeld entfernt */
    td.edit_content_bottom {display:none;}

   

    /* große Feld unter Textfeld */
    td.edit_rechts_cbg {
    width: 100%;
    height:50px;
    background-color: ;
    background-image: url(); }

    /* Streifen rechts vom Design entfernt mit */
    td.edit_rechts_sbg {display:none; }

    /* Titel über rechter Box */
    td.sidebar_heading {
    color: #FFFFFF;
    font-size: 12px;
    font-family: arial,verdana ;
    text-align: left;
    height: 29px;
    background-color: ;
    background-image: url(); }

    /* rechte Boxen 1-3-4-5 */
    td.shouty, .shouty3, .shouty4, .shouty5 {
    color: #000000;
    font-size: 14px;
    font-family: arial,verdana;
    text-align: left;
    background-color: #F2F2F2;
    background-image: url();
    border: 1px solid #611816;
    -moz-border-radius: 8px;
    -khtml-border-radius: 8px;
    -moz-box-shadow: 4px 4px 6px #611816, 4px 4px 6px #D1945D; }

/* Zweiter Balken unter Textfeld (mit Counter) */
td.edit_content_bottom2 {
    background-color: ;
    background-image: url();
    border: 0px solid #000000; }

  /* Counter / Besucherzähler */
td.edit_content_bottom2_counter {
    font-family: arial black,verdana;
    font-size: 13px;
    background-image: url();
    background-color: #EAE9E9;
    border: 0px solid #000000; }

    /* Abschluß unter Boxen 1 bis 5 entfernt mit */
    td.edit_rb_footer { display:none; }

   
    -->
    </style>


Wäre echt schicke wenn sich eine Lösung bietet!
Danke im Vorraus an alle Tips!

Mfg Senki
Beitrag02.05.2010 um 21:00 (UTC)    
Titel:

Question Neutral
Beitrag05.05.2010 um 10:28 (UTC)    
Titel:

kuckuck.... Sad
Beitrag24.05.2010 um 10:25 (UTC)    
Titel:

Hallo! Weiß denn keiner ne Lösung?
Beitrag20.07.2010 um 12:17 (UTC)    
Titel:

Hey ich wüsste das auch gerne! Vll findet sich ja jemenand??
Beitrag20.07.2010 um 15:29 (UTC)    
Titel:

ne lösung hab ich auch nicht , aber vielleicht solltest du deine werbung sichtbar machen ....das kann probleme geben ...sofortiges löschen deiner seite

lg
Beitrag20.07.2010 um 16:22 (UTC)    
Titel:

was für eine werbung? da ist doch die werbung oben übern banner o.O
Bevor hier irgendwas gelöscht wird, bitte ich um ne Mail!!


Zuletzt bearbeitet von dual-sensity am 20.07.2010, 18:25, insgesamt einmal bearbeitet
Beitrag20.07.2010 um 18:31 (UTC)    
Titel:

dual-sensity hat Folgendes geschrieben:
was für eine werbung? da ist doch die werbung oben übern banner o.O
Bevor hier irgendwas gelöscht wird, bitte ich um ne Mail!!


ich meine den themenstarter .....sonst hätte ich dich namentlich erwähnt

lg
Beitrag21.07.2010 um 21:26 (UTC)    
Titel:

ok.. ich hab schon n schreck gekriegt Wink
Beitrag21.07.2010 um 21:29 (UTC)    
Titel:

Eine weitere rechte Box für das Design "Iceblue"

<!-- CSS für die Positionierung -->
<style type="text/css">
<!--
table.rb_neu{position:absolute;left:8px;top:800px;}
-->
</style>

<!-- Hier beginnt jetzt die eigentliche rechte Box -->

<table class="rb_neu" width="168" border="0" cellspacing="0" cellpadding="0" id="table1">
<tr>
<td height="24" class="sidebar_heading" background="http://img.webme.com/designs/iceblue/images/heading_right.gif">&nbsp;</td>
</tr>
<tr>
<td style="background-repeat: no-repeat;background-color: #fafbfc;padding:5px;" background="http://img.webme.com/designs/iceblue/images/shouty.gif" class="shouty">Hier kommt jetzt Euer Text rein<br><br><p><br><br></td>
</tr>
<tr>
<td background="http://img.webme.com/designs/iceblue/images/poll_bottom_bg.gif" height="27" class="edit_rb_footer">
&nbsp;</td>
</tr>
</table>


Die Blauen Werte stehen für die Positionierung: in dem Beispiel oben: 8px von der linken Seite und 800px von oben.

Der Pink Wert ist die Klasse - wollt Ihr eine weitere Box einfügen müßt Ihr die bezeichnung ändern rb_neu2 das könnt ihr fortsetzen und noch weitere Boxen einfügen.

Der rote Link steht für den original Balken über den Boxen - der passt sich normalerweise den anderen CSS - Codes der Boxen an - wollt Ihr ihn allerdings separat ändern müßt ihr die Klasse ändern in "sidebar_heading1" .

Beim grünen Link gilt dasselbe, wie für den roten Link allerdings könnt Ihr den ohn Klassenänderung einfach austauschen.

.

Wenn Ihr noch eine Überschrift einfügen wollt müßt Ihr den unten abgebildeten Teil oben austauschen.



<table class="rb_neu" width="182" border="0" cellspacing="0" cellpadding="0" id="table1">
<tr>
<td height="24" class="sidebar_heading" background="http://img.webme.com/designs/iceblue/images/heading_right.gif">Hier Überschrift</td>
</tr>
Beitrag26.03.2011 um 23:14 (UTC)    
Titel:

sayba hat Folgendes geschrieben:
Eine weitere rechte Box für das Design "Iceblue"

<!-- CSS für die Positionierung -->
<style type="text/css">
<!--
table.rb_neu{position:absolute;left:8px;top:800px;}
-->
</style>

<!-- Hier beginnt jetzt die eigentliche rechte Box -->

<table class="rb_neu" width="168" border="0" cellspacing="0" cellpadding="0" id="table1">
<tr>
<td height="24" class="sidebar_heading" background="http://img.webme.com/designs/iceblue/images/heading_right.gif">&nbsp;</td>
</tr>
<tr>
<td style="background-repeat: no-repeat;background-color: #fafbfc;padding:5px;" background="http://img.webme.com/designs/iceblue/images/shouty.gif" class="shouty">Hier kommt jetzt Euer Text rein<br><br><p><br><br></td>
</tr>
<tr>
<td background="http://img.webme.com/designs/iceblue/images/poll_bottom_bg.gif" height="27" class="edit_rb_footer">
&nbsp;</td>
</tr>
</table>


Die Blauen Werte stehen für die Positionierung: in dem Beispiel oben: 8px von der linken Seite und 800px von oben.

Der Pink Wert ist die Klasse - wollt Ihr eine weitere Box einfügen müßt Ihr die bezeichnung ändern rb_neu2 das könnt ihr fortsetzen und noch weitere Boxen einfügen.

Der rote Link steht für den original Balken über den Boxen - der passt sich normalerweise den anderen CSS - Codes der Boxen an - wollt Ihr ihn allerdings separat ändern müßt ihr die Klasse ändern in "sidebar_heading1" .

Beim grünen Link gilt dasselbe, wie für den roten Link allerdings könnt Ihr den ohn Klassenänderung einfach austauschen.

.

Wenn Ihr noch eine Überschrift einfügen wollt müßt Ihr den unten abgebildeten Teil oben austauschen.



<table class="rb_neu" width="182" border="0" cellspacing="0" cellpadding="0" id="table1">
<tr>
<td height="24" class="sidebar_heading" background="http://img.webme.com/designs/iceblue/images/heading_right.gif">Hier Überschrift</td>
</tr>


Das funktioniert ja wirklich Cool
Ich suche schon ne ganze weile für diese lösung
Vielen Dank,
Beitrag27.03.2011 um 08:39 (UTC)    
Titel:

eben nicht. der code gilt nur für eine, also deine auflösung des monitores. eine andere auflösung verschiebt die box. deshalb war mein tip: "lieber drauf verzichten".

gruss gringo

tip: halte mal die strg taste gedrückt und scrolle das mausrad in beide richtungen, dann siehst du, was mit deiner box passiert. mit strg und 0 (null) gehst du zur ausgangsstellung zurück.
______________
Mein Youtube Kanal | Standard-Designs als Red Design ohne rechte Boxen | Tips zum Design Professionell



Zuletzt bearbeitet von 6p-iceblue am 27.03.2011, 09:42, insgesamt 2-mal bearbeitet
Beitrag05.04.2011 um 17:19 (UTC)    
Titel:

6p-iceblue hat Folgendes geschrieben:
eben nicht. der code gilt nur für eine, also deine auflösung des monitores. eine andere auflösung verschiebt die box. deshalb war mein tip: "lieber drauf verzichten".

gruss gringo

tip: halte mal die strg taste gedrückt und scrolle das mausrad in beide richtungen, dann siehst du, was mit deiner box passiert. mit strg und 0 (null) gehst du zur ausgangsstellung zurück.


ok du hast recht,
aber was soll das jetzt genau bedeuten?
wenn jemmand ne andere auflösung hat z.b. 640*480 dann ist die box bei ihm ganz woanders ?
______________
Beitrag05.04.2011 um 17:43 (UTC)    
Titel:

Stimmt genau. Wenn die Auflösung anders ist, ist die Box sonstwo, nur nicht da, wo sie eigentlich sein soll...

Gruß,

TransInt
______________
Kein Support per PN - Im Forum hilft es allen!

Life is what happens while you are busy making other plans.
- John Lennon
Beitrag07.04.2011 um 22:31 (UTC)    
Titel:

Es geht DOCH egal welchle auflösung man hat schaut hier:

http://www.homepage-baukasten.de/forum/viewtopic.php?t=129743&postdays=0&postorder=asc&start=0

einfach nur die Position so anpassen wie si im letzten code steht,dann past sich die box automatisch an Very Happy
______________
Beiträge der letzten Zeit anzeigen:   


Powered by phpBB © 2001, 2005 phpBB Group
Deutsche Übersetzung von phpBB.de