Suche im Forum:
Suchen


Autor Nachricht
Beitrag03.07.2013 um 13:56 (UTC)    
Titel: Extra links unter Navigation

Hallo zusammen,

fand zwar Themen hierzu, aber mit den Antworten konnte ich als Super-Laie nix anfangen.

Ich habe eine Shoutbox eingefügt, welche derzeit noch auf der rechten Seite unter der Werbung steht. Habe mich belesen und herausgefunden, dass ich Werbung nicht verschieben, sprich UNTER die Shoutbox packen kann. Entsprechend fällt diese leider üüüberhaupt nicht auf.

Variante B wäre die Shoutbox unter der Navigation zu platzieren. Wie mache ich das?

Danke für eure Hilfe!
Beitrag03.07.2013 um 15:00 (UTC)    
Titel:

Beitrag03.07.2013 um 16:04 (UTC)    
Titel:

warum fügst du die shoutbox nicht in der ersten rechten box ein? die ist ja noch frei.

gruss gringo
______________
Mein Youtube Kanal | Standard-Designs als Red Design ohne rechte Boxen | Tips zum Design Professionell

Beitrag04.07.2013 um 08:52 (UTC)    
Titel:

Das ist perfekt, danke! Smile

Wenn ich einmal ein Thema offen habe: Durch diese ganzen Experimente (habe die Shoutbox ja ein paar mal hier und da eingefügt) hat sich die Farbe meines Design-Hintergrundes ganz unten und links unter der Navigation geändert.

Wie kann ich das wieder rückgängig machen Question
Beitrag04.07.2013 um 09:13 (UTC)    
Titel:

Habe auch eben mal alles auf null gemacht. Also

http://www.homepage-baukasten.de/forum/viewtopic.php?t=120243&highlight=kaki

und dann meinen Header eingefügt, aber schaut immernoch so doof aus. Confused Seh' auch gerade, dass das das originale Design IceBlue ist. Wo kommt das auf einmal her? Evil or Very Mad
Beitrag04.07.2013 um 09:46 (UTC)    
Titel:

das ist gerade ein fehler im baukasten. du bist da nicht der einzige. einfach mal abwarten.

ich hab die rechten boxen übrigens breiter gemacht. wenn der fehler behoben ist, dann schicke ich hier den code.

gruss gringo

Zitat:
<style type="text/css">
<!--
/* Diesen Teil nicht rauslöschen*/
table.edit_main_table{width: 100% !important;}
table.edit_main_table, table[height="102"]{margin: 0 auto;}
td.edit_main_tr{width: 100% !important;}
table.edit_second_table{width: 100% !important;}
td.edit_header_full{width: 100% !important;
background-position:center;background-repeat:no-repeat; }
td.edit_header_full table{width: 100% !important;}
table.edit_third_table{width: 100% !important;}
td.edit_navi_headbg{width: 5% !important;}
table.edit_rechts_tabelle{width: 100% !important;}
td.edit_rechts_bottom{width: 5% !important;}
td.edit_rechts_cbg{width:100%;}
td.headline{visibility:hidden;}


td.edit_main_tr{height: 0px !important;}
td.edit_rechts_cbg{height: 0px !important;}
td.edit_rechts_bottom{height: 0px !Important;}
td.edit_navi_headbg{height: 0px !important;}


table#sidebar_heading_1,table#sidebar_heading_2,table#sidebar_heading_3,table#sidebar_heading_4,table#sidebar_heading_5{width:200px;}


td.nav:hover{background-image: url(http://666kb.com/i/bkhs02aiak1s0v56a.png);width:
185px;height: 25px;border: 1px solid #ffffff;}

td.nav{background-image: url(http://666kb.com/i/bkhrzg5mnv8kaxgj6.png);width:
185px;height: 25px;border: 1px solid #ffffff;}

td.edit_below_nav img{visibility: hidden;}
td.edit_below_nav{background-image: url();
background-position: center top;background-repeat: no-repeat;}

td.edit_content{background-image:url(http://666kb.com/i/bkhs0mcztetch7p4i.png);background-color:#ffffff;border: 1px solid #2F2F2F;}

td.edit_rechts_cbg{background-image:url();background-color:#XXXXXX;border: 0px solid #ffffff;}

body {background-image:url(http://666kb.com/i/bkhryeeogx93x3roy.png);background-color:#2F2F2F;}
body {background-attachment:fixed;border: 0px solid #2F2F2F;}

td.edit_navi_headbg{background-image:url();background-color:#XXXXXX;border: 0px solid #ffffff;}

td.edit_rechts_sbg{background-image:url();background-color:#XXXXXX;border: 0px solid #ffffff;}

td.edit_rechts_bottom{background-image:url();background-color:#XXXXXX;border: 0px solid #ffffff;}

td.shouty, td.shouty2, td.shouty3, td.shouty4, td.shouty5{
background-image:url(http://666kb.com/i/bkhrzg5mnv8kaxgj6.png);
background-repeat:repeat;
background-color:#F3F3E8;font-family: arial;font-size: 12px;
color:#000000;border: 0px solid #2F2F2F;}

td.edit_content_top,td.edit_content_top:hover{background-image:url(http://666kb.com/i/bkhs1oc91hx3ic3qq.png);
background-color:#F3F3E8;border: 0px solid #2F2F2F;height:21px;background-repeat:repeat;}

td.nav_heading{background-image:url(http://666kb.com/i/bkhs1oc91hx3ic3qq.png);height:
21px;background-repeat:repeat;background-color:#F3F3E8;border: 0px solid #2F2F2F;}

td.sidebar_heading{background-image:url(http://666kb.com/i/bkhs1oc91hx3ic3qq.png);height:
21px;background-color:#F3F3E8;border: 0px solid #2F2F2F;}

td.edit_rb_footer{display:none;}

td.edit_content_bottom2{background-image:url();background-repeat:repeat;background-color:#xxxxxx;border: 0px solid #2F2F2F;}
td.edit_content_bottom{background-image:url(http://666kb.com/i/bkhryy2xz73ijm4mq.png);background-color:#XXXXXX;height:21px;border:1px solid #2F2F2F;}

td.headline2{font-family: arial;font-size: 12px;color: #727121;font-weight:;text-align: left;text-decoration:none;}

td.nav_heading{font-family: arial;font-size: 12px;color: #727121;padding-left:25px;text-align: left;}
td.nav a{font-family: arial;font-size: 12px;color: #000000;text-decoration:none;}
td.sidebar_heading{font-family: arial;font-size: 12px;color: #727121; text-align: center;}
td.nav a:hover{font-family: arial;font-size: 12px;color: #000000;font-weight:;text-align: center;text-decoration:underline;}
tr.checked_menu td a{font-family: arial;font-size: 12px;color: #000000;font-weight:;text-decoration: underline;}

td.edit_header_full{background-image:url(http://666kb.com/i/bmp2ejmwxd5g67jfo.png);background-color:#XXXXXX;
width: 1920; height: 151px;background-position: center top;background-repeat: no-repeat;border: 0px solid #2F2F2F;}

/* Werbung Footer */
#webme_footer_textlink_dont_hide
{color: #c0c0c0;
background-color: Transparent;}

/* Werbung Boxenüberschrift */
table#sidebar_heading_sky{
width: 200px!important;}

/* Werbung Boxen */
td.shoutysky{background-image:url(http://666kb.com/i/bkhrzg5mnv8kaxgj6.png);
background-repeat:repeat;
background-color:#F3F3E8;
padding: 5px 0px 0px 11px !important;border-left: 9px solid #F3F3E8;
border-bottom: 5px solid #F3F3E8;}
-->
</style>



blau: breite des designs.

rot (2x): breite der rechten boxen.

wie du den header änderst, weisst du ja.

gruss gringo
______________
Mein Youtube Kanal | Standard-Designs als Red Design ohne rechte Boxen | Tips zum Design Professionell



Zuletzt bearbeitet von 6p-iceblue am 04.07.2013, 13:37, insgesamt 2-mal bearbeitet
Beitrag04.07.2013 um 12:48 (UTC)    
Titel:

Okay, super dankeschön! Smile

Nun haben wir das gelöst, aaaaber ich bin leider immernoch nicht weiter wie ich etwas unter die Navigation platzieren kann. Den Platz kann man ja trotzdem für andere Sachen nutzen...


Zuletzt bearbeitet von bp-usa am 04.07.2013, 16:29, insgesamt einmal bearbeitet
Beitrag05.07.2013 um 15:28 (UTC)    
Titel:

Habe es nun dank dieses Threads

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

erstmal hinbekommen.

So schaut mein Code aus:

Zitat:
<!-- CSS für die Positionierung -->
<style type="text/css">
<!--
table.rb_neu{position:absolute;left:50%;margin-left:-500px;top:266px;}
-->
</style>

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

<table class="rb_neu" width="150" border="0" cellspacing="0" cellpadding="0" id="table1">
<tr>
<td height="15" class="sidebar_heading" background="http://img.webme.com/designs/iceblue/images/heading_right.gif"> </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">Test<br><br><p><br><br></td>
</tr>
<tr>
<td background="http://img.webme.com/designs/iceblue/images/poll_bottom_bg.gif" height="15" class="edit_rb_footer">
</td>
</tr>
</table>

<table class="rb_neu" width="166" border="0" cellspacing="0" cellpadding="0" id="table2">
<tr>
<td height="15" class="sidebar_heading" background="http://img.webme.com/designs/iceblue/images/heading_right.gif"> </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"><div style="width:175px; height:100px;">
<object type="application/x-shockwave-flash" data="http://swf.yowindow.com/yowidget3.swf" width="175" height="100">
<param name="movie" value="http://swf.yowindow.com/yowidget3.swf"/>
<param name="allowfullscreen" value="true"/>
<param name="wmode" value="opaque"/>
<param name="bgcolor" value="#FFFFFF"/>
<param name="flashvars"
value="location_id=gn:5368361&location_name=Los%20Angeles&landscape=seaside&time_format=24&unit_system=metric&lang=de&background=#FFFFFF©right_bar=false"
/>
<a href="http://WeatherScreenSaver.com?client=widget&link=copyright"
style="width:175px;height:100px;display: block;text-indent: -50000px;font-size: 0px;background:#DDF url(http://yowindow.com/img/logo.png) no-repeat scroll 50% 50%;"
>Wetter Widget</a>
</object>
</div>
<div style="width: 175px; height: 15px; font-size: 14px; font-family: Arial,Helvetica,sans-serif;">
<span style="float:left;"><a target="_top" href="http://WeatherScreenSaver.com?client=widget&link=copyright" style="color: #2fa900; font-weight:bold; text-decoration:none;" title="Wetter Widget">YoWindow.com</a></span>
<span style="float:right; color:#888888;"><a href="http://www.weather.gov" style="color: #2fa900; text-decoration:none;">NWS</a></span>
</div>
<br><br><p><br><br></td>
</tr>
<tr>
<td background="http://img.webme.com/designs/iceblue/images/poll_bottom_bg.gif" height="15" class="edit_rb_footer">
</td>
</tr>
</table>

<script type="text/javascript">
Hoehe = 0;
alle = document.getElementsByTagName('*');
for (var i = 0; i < alle.length; i++){
if ((alle[i].className == "nav") || (alle[i].className == "nav_heading")) Hoehe = Hoehe + alle[i].offsetHeight;
}
document.getElementById("table1").style.top = document.getElementById("table1").offsetTop + Hoehe + "px";
document.getElementById("table2").style.top = document.getElementById("table2").offsetTop + Hoehe + "px";
</script>


Nur zwei Probleme bestehen noch: Sobald jemand seine Fenstergröße vom Browser ändern, "wandert" die Box UND ich hab nicht herausbekommen, wie ich die Höhe an meinen Inhalt anpasse. Hab' zwar jeden Teil mit "Hight" und einem Wert verringert, da hat sich aber nix getan. Sad


Zuletzt bearbeitet von bp-usa am 07.07.2013, 09:06, insgesamt 2-mal bearbeitet
Beitrag05.07.2013 um 19:02 (UTC)    
Titel:

schau mal, ob nicht das etwas für dich wäre. ein simples red design zum leicht ändern. damit könntest du etliches unter der navigation einfügen:

http://www.homepage-baukasten.de/forum/viewtopic.php?t=126598

kannst ja daran basteln, und wenn du pause machst, dann schalte einfach auf iceblue zurück.

gruss gringo
______________
Mein Youtube Kanal | Standard-Designs als Red Design ohne rechte Boxen | Tips zum Design Professionell

Beitrag08.07.2013 um 14:18 (UTC)    
Titel:

6p-iceblue hat Folgendes geschrieben:
kannst ja daran basteln, und wenn du pause machst, dann schalte einfach auf iceblue zurück.
gruss gringo


Wie mach denn das nun wieder? Shocked Question Wäre sowieso meine nächste Frage gewesen: Da ich nun schon sooo viel (und für meine Begriffe sehr knifflige Sachen) gemacht habe, hätt ich Angst, dass ich das Design bei Nicht-Gefallen nicht mehr einfach rückgängig (die Funktion fehlt mir hier sowieso) machen kann.
Beitrag08.07.2013 um 17:26 (UTC)    
Titel:

mach dir da keine gedanken. alles was nun beim iceblue, bei text über dem design drin ist, bleibt auch dort bis du es löschst. schalte also auf red und speicher. dann kannst du dich mit dem red design befassen. wenn du dann pause machen möchtest oder keine lust mehr hast, dann schalte zurück auf iceblue. dann ist dein jetziges design wieder sichtbar.

die funktion zum rückgängig machen braucht kein mensch. einfach das hier befolgen:

http://6p-iceblue.de.tl/Code-speichern.htm

gruss gringo
______________
Mein Youtube Kanal | Standard-Designs als Red Design ohne rechte Boxen | Tips zum Design Professionell



Zuletzt bearbeitet von 6p-iceblue am 08.07.2013, 18:27, insgesamt einmal bearbeitet
Beitrag10.07.2013 um 08:14 (UTC)    
Titel:

Hab mich gerade mal am Red-Design versucht, aber gleich wieder umgeschalten. Ich finde nicht wirklich den Unterschied, welchen das Design einfacher machen soll. Question Neutral

Naja, nun muss ich mit meiner wandernden linken Box klar kommen. Laughing
Kann man noch eine zweite einfügen?

Andere Frage noch, damit das gleichmäßig aussieht: Wie kann ich die Breite von den rechten Boxen ändern, dass die genauso breit werden, wie meine "News"-Box?
Beitrag10.07.2013 um 08:58 (UTC)    
Titel:

indem du das liest, was ich schon gepostet hatte. steht alles dort wo der code ist. breite bis 240 möglich, soweit ich mich erinnere.

allerdings hab ich das noch nicht mit der facebook-button-box getestet.

der unterschied zwischen dem red- und iceblue design ist übrigens der, dass du im red etliche sachen unter der navigation einfügen kannst.

gruss gringo
______________
Mein Youtube Kanal | Standard-Designs als Red Design ohne rechte Boxen | Tips zum Design Professionell



Zuletzt bearbeitet von 6p-iceblue am 10.07.2013, 11:07, insgesamt 2-mal bearbeitet
Beitrag17.08.2013 um 11:10 (UTC)    
Titel:

Durch diese ganzen Experimente (habe die Shoutbox ja ein paar mal hier und da eingefügt) hat sich die Farbe meines Design-Hintergrundes ganz unten und links unter der Navigation geändert.






____________________
Diablo 3 Gold kaufen
Beitrag17.08.2013 um 11:15 (UTC)    
Titel:

johntimx hat Folgendes geschrieben:
Durch diese ganzen Experimente (habe die Shoutbox ja ein paar mal hier und da eingefügt) hat sich die Farbe meines Design-Hintergrundes ganz unten und links unter der Navigation geändert.
[/url]


schon dein dritter post heute, der nicht recht passt. was möchtest du eigentlich und warum postest du nicht dort, wo es angebracht ist? hast du bestimmte fragen oder nur lange weile?

gruss gringo
______________
Mein Youtube Kanal | Standard-Designs als Red Design ohne rechte Boxen | Tips zum Design Professionell

Beiträge der letzten Zeit anzeigen:   


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