Seite 1 von 2 12 LetzteLetzte
Ergebnis 1 bis 10 von 12

Thema: Myblog Shoutbox einfügen

  1. #1
    Unregistriert
    Gast

    Standard Myblog Shoutbox einfügen

    Hallo

    ich hab ein problem. Ich würde auf meiner homepage gern eine shoutbox einfügen und zwar links neben dem content.
    das ganze lay is bei myblog gecodet. ich bekomm die box zwar links hin aber nicht neben den content. könnt ihr mir sagen was ich falsch gemacht hab?

    Mein Code:

    <head><title>Street-Customs-Vulkaneifel</title>{PLACE_POWEREDBY{PLACE_POWEREDBY}
    <style type="text/css">
    body, div, td {

    <!--Scrollbar und Schriftart Einstellung-->

    scrollbar-arrow-color: #000000;
    scrollbar-base-color: #ffffff;
    scrollbar-track-color: #ffffff;
    scrollbar-face-color: #ffffff;
    scrollbar-highlight-color: #ff0000;
    scrollbar-3dlight-color: #ff0000;
    scrollbar-darkshadow-color:#000000;
    scrollbar-shadow-color: #ffffff;
    font-family: tahoma;
    font-Size: 5pt;
    Color: #ffffff;
    }



    <!--Schriftfarbeinstellung für fett,kuriv,durchstrichen,unterstrichen-->

    b {color: #ffffff;}
    i {color: #fffff;}
    u {color: #ffoooo;}
    s {color: #ffoooo;}

    <!--Link Einstellungen-->

    a:link { color: #ffffff;}

    a:visited { color: #ffffff;}

    a:active { color: #ff0000;}

    a:hover {color: #ff0000;}


    <!--Content Einstellungen-->

    wie groß dein Inhalt sein soll in pixel


    .inhaltetable {
    width: 500px;
    }


    -->
    </style>

    <!--ENDLESS Hintergrund Einstellungen-->

    <!--hier brauchen nur die Bild URL's Eingetragen werden , mehr nicht-->


    <body bgcolor=#000000 background="http://img1.bildupload.com/c95247b46df2faa08cb42559c4311745.jpg">

    <img border="0" src="http://img1.bildupload.com/c95247b46df2faa08cb42559c4311745.jpg" scroll="no" bgproperties= "fixed"
    ALIGN="left" WIDTH="1000",HEIGHT="0" STYLE="position:absolute; top:0; left:0;" >



    <!--Hier kommen die Links hin-->


    <div align="left"
    style="solid; background:transparent; border-collapse: collapse; border: 0px #ffffff solid;width:114px; height:50px; position:absolute; left:50px; top:150px">

    <h1><a href="http://street-customs-eifel.myblog.de">Startseite</a></h1>
    <h1><a href="http://street-customs-eifel.myblog.de/street-customs-eifel/page/1943785">Über den Verein</a></h1>
    <h1><a href="http://street-customs-eifel.myblog.de/street-customs-eifel/page/1950397">Sinn & Zweck</a><h1>
    <h1><a href="http://street-customs-eifel.myblog.de/street-customs-eifel/page/1944013">Mitglieder Aktiv</a></h1>
    <h1><a href="http://street-customs-eifel.myblog.de/street-customs-eifel/page/1944241">Mitglieder Passiv</a></h1>
    <h1><a href="http://street-customs-eifel.myblog.de/street-customs-eifel/page/1944469">Termine</a><h1>
    <h1><a href="http://street-customs-eifel.myblog.de/street-customs-eifel/page/1944697">Events</a><h1>
    <h1><a href="http://street-customs-eifel.myblog.de/street-customs-eifel/page/1946749">Bilder</a><h1>
    <h1><a href="http://street-customs-eifel.myblog.de/street-customs-eifel/gb">Gästebuch</a><h1>
    <h1><a href="http://street-customs-eifel.myblog.de/street-customs-eifel/page/1950169">Links</a><h1>
    <h1><a href="http://street-customs-eifel.myblog.de/street-customs-eifel/contact">Kontakt</a><h1>
    <h1><a href="http://street-customs-eifel.myblog.de/street-customs-eifel/page/1950853">Impressum</a><h1>


    <p><font size="1" face="tahoma,arial,helvetica,sans-serif" color="#ffffff">Beste Auflösung Mozilla Firefox</font></p>

    </div>

    <div align="right"
    <iframe name="speechbox" height="500" width="170" right="50"; top="150" allowTransparency="true"
    frameborder="0" src="http://29830.speechbox.de"></iframe> <br /><a href="http://www.speechbox.de">Shoutbox</a>
    <!-- Ende Code www.Speechbox.de // -->>
    </div>

    <!--Hier die Einstellungen wo der Content sein soll-->

    <div align="justify"
    id="entry" class="inhaltetable" style="overflow:auto; width:500; height:400; position:absolute; left:300; top:180">

    {PLACE_CONTENT}
    </div>

    </body>
    </html>

    </body>
    Achtung: Dies ist ein alter Thread im HTML und Webmaster Forum
    Diese Diskussion ist älter als 90 Tage. Die darin enthaltenen Informationen sind möglicherweise nicht mehr aktuell. Erstelle bitte zu deiner Frage ein neues Thema im Forum !!!!!

  2. #2
    Forum Guru Avatar von synaptic
    Registriert seit
    20.06.2007
    Ort
    Butzbach-Wiesental
    Beiträge
    10.901
    Danke
    45
    Bekam 48 mal "Danke" in 46 Postings
    Blog-Einträge
    1

    Standard AW: Myblog Shoutbox einfügen

    naja ich würd die ganzen positionierungsdinger aus dem html entfernen (also des align-geschrappel) und mit css arbeiten
    bisher haste ja css nur für linkfarben und ne breite..
    aber wenn du zwei divs hast gibste beidem nen float:left und ggf nen margin-left oder margin-right
    und unne drunter machste nen
    Code:
    <div style="clear:both;"></div>
    KEIN support via pn, email, messenger oder falsch geposteten threads
    Futter für deine Schnuffelzwerge gibts bei den Schnuffelzwergen TOP Qualität, also klicken und kaufen

  3. #3
    Unregistriert
    Gast

    Standard AW: Myblog Shoutbox einfügen

    hätte ich erwähnen sollen, dass ich nicht wirklich viel ahnung vom coden hab?!

    danke für deine hilfe, aber sorry ich blick da grad garnicht durch....

  4. #4
    Forum Guru Avatar von synaptic
    Registriert seit
    20.06.2007
    Ort
    Butzbach-Wiesental
    Beiträge
    10.901
    Danke
    45
    Bekam 48 mal "Danke" in 46 Postings
    Blog-Einträge
    1

    Standard AW: Myblog Shoutbox einfügen

    ja vor heute abend wird das nix... ich bin im büro und nutz meien pause zum posten und kann da nur rateschläge geben.. evtl findet sich ja vorher wer der es genauer erklärt
    KEIN support via pn, email, messenger oder falsch geposteten threads
    Futter für deine Schnuffelzwerge gibts bei den Schnuffelzwergen TOP Qualität, also klicken und kaufen

  5. #5
    Forum Guru Avatar von synaptic
    Registriert seit
    20.06.2007
    Ort
    Butzbach-Wiesental
    Beiträge
    10.901
    Danke
    45
    Bekam 48 mal "Danke" in 46 Postings
    Blog-Einträge
    1

    Standard AW: Myblog Shoutbox einfügen

    doppelpost zur kenntlichmachung neuer informationen

    also da war etwas mehr im argen als zuvor offensichtlich schien.
    dir fehlt ein anständiger doctype, du hast kommentare im style, was die ganze sache invalide macht, du hast viele unsinnige attribute und positionsbestimmungen, die so nich sein müssen.

    ich hab mich jetzt die letzte halbe bis dreiviertel std hingesetzt, um mal deinen schmarrn in halbwegs brauchbare formen zu bringen.

    h1 hat nichts mit nem menü zu tun, sondern is ne überschrift...
    ne schriftgrösse von 5pt is mehr als nur sinnfrei
    abolute positionierung bringt nur was, wenn man weiß was man will und wie man es umsetzt..

    aber lange rede, kurzer sinn.. hier dein html-geschnibbel in halbwegs brauchbarem format:

    HTML-Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="de">
    <head>
    <title>Street-Customs-Vulkaneifel</title>{PLACE_POWEREDBY{PLACE_POWEREDBY}
    <style type="text/css">
    body, div, td {
        scrollbar-arrow-color: #000000;
        scrollbar-base-color: #ffffff;
        scrollbar-track-color: #ffffff;
        scrollbar-face-color: #ffffff;
        scrollbar-highlight-color: #ff0000;
        scrollbar-3dlight-color: #ff0000;
        scrollbar-darkshadow-color:#000000;
        scrollbar-shadow-color: #ffffff;
        font-family: tahoma;
        color: #ffffff;
    }
    
    body{
        background:#000;
    }
    
    #altbg{
        width:1000px;
        position:absolute;
        top:0;
        left:0;
        z-index:0;
    }
    
    .b {color: #ffffff;}
    .i {color: #ffffff;}
    .u {color: #ffoooo;}
    .s {color: #ffoooo;}
    
    
    #navi ul{
        list-style-type:none;
        margin:0;
        padding:0;
    }
    a{
        font-size:16px;
        font-weight:bold;
        text-decoration:none;
    }
    a:link{ 
        color: #ddd;
    }
    
    a:visited{ 
        color: #ffffff;
    }
    
    a:active{ 
        color: #ff0000;
    }
    
    a:hover{
        color: #ff0000;
    }
    
    #wrapper{
        width:1000px;
        position:absolute;
        top:0;
        left:0;
        overflow:hidden;
    }
    
    #navi{
        background:transparent;
        width:170px;
        margin-top:150px;
        margin-left:50px;
        float:left;
        padding: 10px;
    }
    
    .inhaltetable {
        margin-top:150px;
        margin-left:30px;
        width: 500px;
        float: left;
    }
    
    #shoutbox{
        width:170px;
        float:left;
        margin-top:150px;
        margin-left:30px;
    }
    .clear{
        clear:both;
    }
    </style>
    <body>
    <img id="altbg" src="http://img1.bildupload.com/c95247b46df2faa08cb42559c4311745.jpg">
    <div id="wrapper">
        <!--Hier kommen die Links hin-->
        <div id="navi">
            <ul>
                <li>
                    <a href="http://street-customs-eifel.myblog.de">Startseite</a>
                </li>
                <li>
                    <a href="http://street-customs-eifel.myblog.de/street-customs-eifel/page/1943785">Über den Verein</a>
                </li>
                <li>
                    <a href="http://street-customs-eifel.myblog.de/street-customs-eifel/page/1950397">Sinn & Zweck</a>
                </li>
                <li>
                    <a href="http://street-customs-eifel.myblog.de/street-customs-eifel/page/1944013">Mitglieder Aktiv</a>
                </li>
                <li>
                    <a href="http://street-customs-eifel.myblog.de/street-customs-eifel/page/1944241">Mitglieder Passiv</a>
                </li>
                <li>
                    <a href="http://street-customs-eifel.myblog.de/street-customs-eifel/page/1944469">Termine</a>
                </li>
                <li>
                    <a href="http://street-customs-eifel.myblog.de/street-customs-eifel/page/1944697">Events</a>
                </li>
                <li>
                    <a href="http://street-customs-eifel.myblog.de/street-customs-eifel/page/1946749">Bilder</a>
                </li>
                <li>
                    <a href="http://street-customs-eifel.myblog.de/street-customs-eifel/gb">Gästebuch</a>
                </li>
                <li>
                    <a href="http://street-customs-eifel.myblog.de/street-customs-eifel/page/1950169">Links</a>
                </li>
                <li>
                    <a href="http://street-customs-eifel.myblog.de/street-customs-eifel/contact">Kontakt</a>
                </li>
                <li>
                    <a href="http://street-customs-eifel.myblog.de/street-customs-eifel/page/1950853">Impressum</a>
                </li>
            </ul>
            <p><font size="1" face="tahoma,arial,helvetica,sans-serif" color="#ffffff">Beste Auflösung Mozilla Firefox</font></p>
        </div>
    
        
        <div id="entry" class="inhaltetable" style="overflow:auto; width:500; height:400;">
    
        {PLACE_CONTENT}
        
        </div>
        
        <div id="shoutbox">
        <iframe name="speechbox" height="500" width="170" allowTransparency="true" frameborder="0" src="http://29830.speechbox.de"></iframe> 
        <br /><a href="http://www.speechbox.de">Shoutbox</a>
        <!-- Ende Code www.Speechbox.de // -->
        </div>
        <span class="clear">&nbsp;</span>
    </div>
    </body>
    </html>
    KEIN support via pn, email, messenger oder falsch geposteten threads
    Futter für deine Schnuffelzwerge gibts bei den Schnuffelzwergen TOP Qualität, also klicken und kaufen

  6. #6
    Unregistriert
    Gast

    Standard AW: Myblog Shoutbox einfügen

    XD ok, vielen dank!

    nur jetzt hab ich das problem, dass meine texte zu weit runter rutschen, wie kann ich das ändern?
    oder kann ich die scrollbalken verschieben?

  7. #7
    Forum Guru Avatar von synaptic
    Registriert seit
    20.06.2007
    Ort
    Butzbach-Wiesental
    Beiträge
    10.901
    Danke
    45
    Bekam 48 mal "Danke" in 46 Postings
    Blog-Einträge
    1

    Standard AW: Myblog Shoutbox einfügen

    schreibste halt bei
    .inhaltetable{

    }

    nen overflow:auto mit rein
    KEIN support via pn, email, messenger oder falsch geposteten threads
    Futter für deine Schnuffelzwerge gibts bei den Schnuffelzwergen TOP Qualität, also klicken und kaufen

  8. #8
    Unregistriert
    Gast

    Standard AW: Myblog Shoutbox einfügen

    hmm ok ... es klappt leider nicht ... =(

    ich muss den scollbalken ganz nach unten ziehn, damit der text oben angezeigt wird....
    und auf der startseite ist einiges verzogen ...

    trotz dem overflow:auto ... =(

    .inhaltetable {
    margin-top:150px;
    margin-left:30px;
    width: 400px;
    float: left;
    overflow:auto;
    }

  9. #9
    Forum Guru Avatar von synaptic
    Registriert seit
    20.06.2007
    Ort
    Butzbach-Wiesental
    Beiträge
    10.901
    Danke
    45
    Bekam 48 mal "Danke" in 46 Postings
    Blog-Einträge
    1

    Standard AW: Myblog Shoutbox einfügen

    haste ma nen link, damit man sich des ansehen kann?
    ich kann so mit deinen angaben nix nachvollziehen und im template sind ja nur placeholder.... ohne inhalt kann ich da nix sehen
    KEIN support via pn, email, messenger oder falsch geposteten threads
    Futter für deine Schnuffelzwerge gibts bei den Schnuffelzwergen TOP Qualität, also klicken und kaufen

  10. #10
    Unregistriert
    Gast

    Standard AW: Myblog Shoutbox einfügen

    ja, klar ...

    http://street-customs-eifel.myblog.de/

Ähnliche Themen

  1. Shoutbox
    Von Dr. Gore im Forum HTML & CSS Forum
    Antworten: 4
    Letzter Beitrag: 22.08.2008, 14:27
  2. Shoutbox
    Von gelöschter User im Forum PHP Forum - Apache - CGI - Perl - JavaScript und Co.
    Antworten: 4
    Letzter Beitrag: 07.01.2008, 15:45
  3. Shoutbox
    Von WWKiller im Forum PHP Forum - Apache - CGI - Perl - JavaScript und Co.
    Antworten: 5
    Letzter Beitrag: 30.10.2007, 21:31
  4. Shoutbox?
    Von Tony im Forum HTML & CSS Forum
    Antworten: 7
    Letzter Beitrag: 28.11.2005, 18:14
  5. shoutbox
    Von sYco im Forum HTML & CSS Forum
    Antworten: 5
    Letzter Beitrag: 13.07.2004, 14:44

Stichworte

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •