HTML Help
HTML Help Central . com

» Online Users: 111

0 members and 111 guests
No Members online
Most users ever online was 695, 02-16-2011 at 07:01 AM.

» Site Navigation

 > FAQ

» Domains For Sale

Results 1 to 12 of 12
  1. #1
    Join Date
    Mar 2014
    Posts
    133

    Stationary Bottom Right Tab

    Hey guys!
    Im currently making a small site hosted with dropbox which works totally fine and i'm just slowly getting to where i want it to look like
    just need a bit of help with some html codes :P

    1. I need a tab in the bottom right corner of the screen so when you click on the tab it opens up my chat code
    2. I need a tab in the bottom right corner to the left of the chat tab which has my music player
    3. I need a music player that is able to play a playlist
    (I need these tabs to not move when i scroll down my page (fixed))

    https://dl.dropboxusercontent.com/u/...ortfoilio.html (im not trying to advertise or spam)

    my music player doesn't work in my chrome browser but it works when i'm not using my chrome browser to view it
    my YouTube widget doesn't show up either in my chrome browser but its shows when i'm not using my chrome browser to view it
    my chat code doesnt work either in chrome

    my chat code is this:
    HTML Code:
    <!-- 123FLASHCHAT FREE CHAT ROOM CODE BEGIN -->
    <div id="topcmm_123flashchat" style="width:728px;height:20;margin:0">
    <table width="728"><tr>
    <td class="menu" align="right">
    <a href="http://www.123flashchat.com" target="_blank">flash chat</a>&nbsp;|&nbsp;
    <a href="http://www.123flashchat.com" target="_blank">chat software</a>
    </td>
    </tr></table>
    </div>
    <script language="javascript" src="http://free.123flashchat.com/js.php?room=NZL%20Truly's%20Chat&width=728&height=550&lang=en"></script>
    <!-- 123FLASHCHAT FREE CHAT ROOM CODE END -->
    Last edited by NZLTruly; 03-24-2014 at 02:53 AM.

  2. #2
    Join Date
    Sep 2007
    Location
    chertsey, a small town 25 miles south west of london, england.
    Posts
    369
    Hi there NZLTruly,

    and a warm welcome to these forums.

    It is not possible to "hide and show" the "scmplayer" music player as
    it uses a full page iframe with the content of the page as it's src attribute.

    Anyway, I can see no real good to hide it, as the player part only takes up 25px
    of space at the bottom of the page.

    I would suggest, instead, that "hide and show" should just be used for the
    chat and the images.

    You can see an example in the attachment.

    The page has been tested in these browsers...

    1. IE11
    2. Firefox 28.0
    3. Chrome 33.0
    4. Opera 12.16
    5. Opera 20.0

    Attached Files Attached Files
    Last edited by coothead; 04-06-2014 at 04:24 AM. Reason: removed redundant link
    http://www.htmlhelpcentral.com/messageboard/image.php?type=sigpic&userid=8698&dateline=1189772  724

  3. #3
    Join Date
    Mar 2014
    Posts
    133
    thanks so much for making my html tidier but is there anyway to make the youtube widget have a white background?

  4. #4
    Join Date
    Mar 2014
    Posts
    133
    do you know why some of the stuff on the page doesnt work in my chrome browser?

  5. #5
    Join Date
    Sep 2007
    Location
    chertsey, a small town 25 miles south west of london, england.
    Posts
    369
    Hi there NZLTruly,

    to make the youtube background-color white add the highlighted in red attribute here...

    Code:
    
    #fr {
        overflow:hidden;
        display:block;
        height:72px;
        width:300px;
        margin-bottom:20px;
        border:1px solid #f00!important;
        background-color:#fff;
     } 
    do you know why some of the stuff on the page doesn't work in my chrome browser?
    You have a problem with your server that you should take up with your host.

    You will see that your page does not validate...


    The problem is that your server has the Content-type set as...

    text/html; charset=ascii

    ...but it should be set as...

    text/html; charset=utf-8

    You must get your host to rectify this error.
    Last edited by coothead; 04-06-2014 at 04:27 AM. Reason: removed redundant text
    http://www.htmlhelpcentral.com/messageboard/image.php?type=sigpic&userid=8698&dateline=1189772  724

  6. #6
    Join Date
    Mar 2014
    Posts
    133
    thanks so much for your help

  7. #7
    Join Date
    Mar 2014
    Posts
    133

    Lightbulb

    Quote Originally Posted by coothead View Post
    Hi there NZLTruly,

    and a warm welcome to these forums.

    It is not possible to "hide and show" the "scmplayer" music player as
    it uses a full page iframe with the content of the page as it's src attribute.

    Anyway, I can see no real good to hide it, as the player part only takes up 25px
    of space at the bottom of the page.

    I would suggest, instead, that "hide and show" should just be used for the
    chat and the images.

    You can see an example in the attachment.

    The page has been tested in these browsers...

    1. IE11
    2. Firefox 28.0
    3. Chrome 33.0
    4. Opera 12.16
    5. Opera 20.0

    can you give me a small tutorial on how to add more buttons.
    i need a button to show and hide this code

    HTML Code:
    <script language="javascript">var sa_email_id = '18258-f1cdd';var sa_sent_text = 'Thank you for contacting Me. I will get back to you soon.';</script>
    <script language="javascript" src="http://s1.smartaddon.com/sa_htmlform.js"></script>
    <div id="sa_contactdiv">
    <form name=sa_htmlform style="margin:0px" onsubmit="return sa_contactform()">
    <table>
    <tr><td>Name:<br><input type="text" name="name" /></td></tr>
    <tr><td>E-mail Address: <span style="color:#D70000">*</span><br><input type="text" name="email" required="true" /></td></tr>
    <tr><td>Subject: <span style="color:#D70000">*</span><br><input type="text" name="subject" required="true" /></td></tr>
    <tr><td>Message: <span style="color:#D70000">*</span><br><textarea name="message" cols="42" rows="9" required="true"></textarea></td></tr>
    <tr><td><input type="submit" value="Send Message" style="font-weight:bold"></td></tr>
    </table>
    </form><div style="padding-top:10px"><a href="http://www.smartaddon.com/contact_form.html">Contact Form</a> provided by SmartAddon.com</div></div>
    http://nzltruly.orgfree.com/

  8. #8
    Join Date
    Sep 2007
    Location
    chertsey, a small town 25 miles south west of london, england.
    Posts
    369
    Hi there NZLTruly,

    Why have you added this...
    Code:
    
    <BODY ondragstart="return false;" ondrop="return false;">
    <body oncontextmenu="return false">
    ...to the code that I gave you?

    Why would you want to try and disable right mouse click?

    Do you suffer from some form of paranoia?

    The addition of that nonsense, also causes page validation errors.
    http://www.htmlhelpcentral.com/messageboard/image.php?type=sigpic&userid=8698&dateline=1189772  724

  9. #9
    Join Date
    Mar 2014
    Posts
    133
    Quote Originally Posted by coothead View Post
    Hi there NZLTruly,

    Why have you added this...
    Code:
    
    <BODY ondragstart="return false;" ondrop="return false;">
    <body oncontextmenu="return false">
    ...to the code that I gave you?

    Why would you want to try and disable right mouse click?

    Do you suffer from some form of paranoia?

    The addition of that nonsense, also causes page validation errors.
    its only because i don't want people to save my pictures that i spent a lot of time on and dragging the pictures is another way of saving them

  10. #10
    Join Date
    Sep 2007
    Location
    chertsey, a small town 25 miles south west of london, england.
    Posts
    369
    Hi there NZLTruly,

    If you put your images on the web, then anyone can take them.

    It is silly to believe otherwise, but if you do then at least write valid code.

    Using three body tags makes you look stupid and we don't want that do we.

    Code:
    
    <!DOCTYPE html>
    <html>
    <head>
    <base href="https://dl.dropboxusercontent.com/u/179449381/">
    <meta charset="UTF-8">
    <meta name="description" content="NZL Truly's Portfolio">
    <meta name="keywords" content="HTML,CSS,XML,JavaScript,Portfolio,NZL,Truly">
    <meta name="author" content="Tristan Pearce (NZL Truly)">
    
    <title>NZL Truly's Portfolio</title>
    
    <link rel="icon" href="https://dl.dropboxusercontent.com/u/179449381/Portfolio/NZL/watermark%20small.png">
    
    <style>
    html {
        height:100%;
     }
    body  {
        padding:10px;
        margin:0;
        background-image:url('https://dl.dropboxusercontent.com/u/179449381/Portfolio/NZL/NZL%20Truly%20channel%20art.jpg');
        background-repeat:no-repeat;
        background-attachment:fixed;
        color:#fff;
     }
    html,body,* {
        cursor: url(http://cur.cursors-4u.net/cursors/cur-11/cur1054.cur), progress !important;
     }
    #tabs {
        position:fixed;
        top:382px;
        left:952px;
     }
    #tabs input {
        float:right;
        margin-left:10px;
     }
    .hide {
        display:none;
     }
    #logo {
        display:block;
        height:50%; 
        width:50%;
        margin-bottom:64px;
     }
    #pf {
        display:block;
        height:20%; 
        width:20%;
        margin-bottom:22px;
     }
    #fr {
        overflow:hidden;
        display:block;
        height:72px;
        width:300px;
        margin-bottom:20px;
        border:1px solid #f00!important;
    	background-color:#fff;
     } 
    #chatloader {
        width:728px;
        height:550px;
        margin-bottom:20px;
        border:1px solid #f00!important;
     }
    #social {
        width:165px;
        height:50px;
        padding:0;
        margin:0 0 20px;
        list-style-type:none;
     }
    #social li {
        float:left;
        margin-right:5px;
     }
    #social a,#social img {
        display:block;
        width:50px;
        height:50px;
        border:0;
     }
    #gallery img {
        display:block;
        width:50%;
        height:50%;
        margin-bottom:5px; 
        border:0;
     }
    </style>
    
    <script src="http://scmplayer.net/script.js" 
       data-config="{
       'skin':'skins/tunes/skin.css',
       'volume':50,
       'autoplay':false,
       'shuffle':false,
       'repeat':1,
       'placement':'bottom',
       'showplaylist':true,
       'playlist':[
       {'title':'Asking Alexandria - Someone Somewhere',
       'url':'https://dl.dropboxusercontent.com/u/179449381/Bass%20Boosts/Asking%20Alexandria%20-%20Someone%20Somewhere%20%28Popkong%20Remix%20Bass%20Boosted%29%20HD.mp3'},
       {'title':'Black Veil Brides - In The End',
       'url':'https://dl.dropboxusercontent.com/u/179449381/Public%20Downloads%20Host/Songs/Black%20Veil%20Brides%20-%20In%20The%20End.mp3'},
       {'title':'Eminem - Rap God',
       'url':'https://dl.dropboxusercontent.com/u/179449381/Public%20Downloads%20Host/Songs/Eminem%20-%20Rap%20God%20%28Explicit%29.mp3'},
       {'title':'Gotye - Somebody That I Used To Know (4FRNT Remix)',
       'url':'https://dl.dropboxusercontent.com/u/179449381/Public%20Downloads%20Host/Songs/Somebody%20That%20I%20Used%20To%20Know.mp3'},
       {'title':'The Fray - How To Save A Life (Bikslow Remix)',
       'url':'https://dl.dropboxusercontent.com/u/179449381/Public%20Downloads%20Host/Songs/The%20Fray%20-%20How%20to%20save%20a%20life%20%28Bikslow%20remix%29.mp3'},
       {'title':'Green Day - Boulevard Of Broken Dreams (Kasum Remix)',
       'url':'https://dl.dropboxusercontent.com/u/179449381/Public%20Downloads%20Host/Songs/Boulevard%20of%20Broken%20Dreams%20%5BKasum%20Remix%5D%20-%20Green%20Day%20HQ.mp3'},
       {'title':'Linkin Park - What Ive Done (Alexis Dubstep Remix)',
       'url':'https://dl.dropboxusercontent.com/u/179449381/Public%20Downloads%20Host/Songs/Linkin%20Park%20-%20What%20I%27ve%20Done%20%28Alexis%20K%20Dubstep%20Remix%29.mp3'},   
       {'title':'(2 hours) Dj Snake - Essential Mix','url':'https://dl.dropboxusercontent.com/u/179449381/Public%20Downloads%20Host/Songs/essential-mix-2014-01-25-dj-snake.mp3'}]  
     }">
    </script>
    
    <script>
       var sa_email_id='18258-f1cdd';
       var sa_sent_text='Thank you for contacting Me. I will get back to you soon.';
    </script>
    <script src="http://s1.smartaddon.com/sa_htmlform.js"></script>
    
    <script>
    (function() {
       'use strict';
    function init(){
       var obj0=document.getElementById('chatloader');
       var obj1=document.getElementById('gallery');
       var obj2=document.getElementById('forminfo');
    
    document.getElementById('but0').onclick=function(){
       (obj0.className=='hide')?
       (obj0.className='',this.value='Shut Chat'):
       (obj0.className='hide',this.value='Open Chat');
    }
    document.getElementById('but1').onclick=function(){
       (obj1.className=='hide')?
       (obj1.className='',this.value='Hide Images'):
       (obj1.className='hide',this.value='Show Images');
      }
    document.getElementById('but2').onclick=function(){
       (obj2.className=='hide')?
       (obj2.className='',this.value='Hide Form'):
       (obj2.className='hide',this.value='Show Form');
      }
     }
       window.addEventListener?
       window.addEventListener('load',init,false):
       window.attachEvent('onload',init);
    })();
    </script>
    
    </head>
    <body oncontextmenu="return false" ondragstart="return false;" ondrop="return false;">
    
    <div id="tabs">
     <input id="but0" type="button" value="Open Chat">
     <input id="but1" type="button" value="Show Images">
     <input id="but2" type="button" value="Show Form">
    </div>
    
    <img id="logo" src="https://dl.dropboxusercontent.com/u/179449381/Portfolio/NZL/NZL%20Truly%20transparent.png" alt="">
    
    <img id="pf" src="https://dl.dropboxusercontent.com/u/179449381/Portfolio/NZL/Portfolio%20transparent.png" alt="">
    
    <p>(So Far)(Updated Regularly)</p>
    
    <ul id="social">
     <li><a href="http://bit.ly/SubNZLTruly" target="_blank"><img src="https://dl.dropboxusercontent.com/u/179449381/Portfolio/Social%20Icons/Circle_Icon-youtube.png" alt="NZL Truly"></a></li>
     <li><a href="https://www.facebook.com/NZLTruly" target="_blank"><img src="https://dl.dropboxusercontent.com/u/179449381/Portfolio/Social%20Icons/C-Gloss-fb.png" alt="NZL Truly"></a></li>
     <li><a href="https://twitter.com/NZL_Truly" target="_blank"><img src="https://dl.dropboxusercontent.com/u/179449381/Portfolio/Social%20Icons/C-Gloss-twitter.png" alt="NZL Truly"></a></li>
    </ul>
    
    <iframe id="fr" src="http://www.youtube.com/subscribe_widget?p=NZLTruly"></iframe>
    
    
    <form id="forminfo" class="hide" name="sa_htmlform" onsubmit="return sa_contactform()">
    <table>
    <tr><td>Name:<br><input type="text" name="name"></td></tr>
    <tr><td>E-mail Address: <span style="color:#D70000">*</span><br><input type="text" name="email" required="required"></td></tr>
    <tr><td>Subject: <span style="color:#D70000">*</span><br><input type="text" name="subject" required="required"></td></tr>
    <tr><td>Message: <span style="color:#D70000">*</span><br><textarea name="message" cols="42" rows="9" required="required"></textarea></td></tr>
    <tr><td><input type="submit" value="Send Message" style="font-weight:bold"></td></tr>
    </table>
    </form>
    
    
    <iframe id="chatloader" class="hide" src="http://free.123flashchat.com/freechat.php?room=NZL%20Truly%27s%20Chat&amp;width=728&amp;lang=en"></iframe>
    
    <div id="gallery" class="hide">
     <p>These Pictures Are In No Particular Order</p>
     <img src="https://dl.dropboxusercontent.com/u/179449381/Portfolio/Spaskat/spasekat.jpg" alt="">
     <img src="https://dl.dropboxusercontent.com/u/179449381/Portfolio/New%20Zealand.jpg" alt="">
     <img src="https://dl.dropboxusercontent.com/u/179449381/Portfolio/loading.jpg" alt="">
     <img src="https://dl.dropboxusercontent.com/u/179449381/Portfolio/Selena%20Gomez%20Flag.jpg" alt="">
     <img src="https://dl.dropboxusercontent.com/u/179449381/Portfolio/pingu.jpg" alt="">
     <img src="https://dl.dropboxusercontent.com/u/179449381/Portfolio/5W49-A-TRON%209000.jpg" alt="">
     <img src="https://dl.dropboxusercontent.com/u/179449381/Portfolio/iheartbass.jpg" alt="">
     <img src="https://dl.dropboxusercontent.com/u/179449381/Portfolio/Fire%20Tits.jpg" alt="">
     <img src="https://dl.dropboxusercontent.com/u/179449381/Portfolio/bliss%20space.jpg" alt="">
     <img src="https://dl.dropboxusercontent.com/u/179449381/Portfolio/bliss%20space2.jpg" alt="">
     <img src="https://dl.dropboxusercontent.com/u/179449381/Portfolio/Shiny%20ball%20reflect.jpg" alt="">
     <img src="https://dl.dropboxusercontent.com/u/179449381/Portfolio/shadowlogo.jpg" alt="">
     <img src="https://dl.dropboxusercontent.com/u/179449381/Portfolio/KyotoDeNinja%20long.jpg" alt="">
    </div>
    
    </body>
    </html>
    http://www.htmlhelpcentral.com/messageboard/image.php?type=sigpic&userid=8698&dateline=1189772  724

  11. #11
    Join Date
    Mar 2014
    Posts
    133
    yea i dont think this contact form works

    but I would like a html code that takes the latest video i have uploaded to my YouTube channel and displays it on my website and it updates automatically
    https://www.youtube.com/user/NZLTruly

    is that possible?

  12. #12
    Join Date
    Mar 2014
    Posts
    133
    oh and i would like to be able to change between 2 backgrounds

    -https://dl.dropboxusercontent.com/u/179449381/Portfolio/NZL/NZL%20Truly%20channel%20art.jpg
    -https://dl.dropboxusercontent.com/u/179449381/Public%20Downloads%20Host/For%20Other%20People%20To%20Download/Capture.PNG

    but not two separate buttons. one button that toggles between the 2 backgrounds .

Similar Threads

  1. no bottom margin
    By PresidentSkroob in forum HTML / XHTML / XML
    Replies: 5
    Last Post: 12-12-2005, 05:41 PM
  2. Footer moves, not stationary in IE
    By arball in forum HTML / XHTML / XML
    Replies: 4
    Last Post: 06-29-2005, 06:06 PM
  3. Replies: 2
    Last Post: 05-20-2004, 02:53 PM
  4. positioning it from the bottom
    By BenRoshi in forum HTML / XHTML / XML
    Replies: 3
    Last Post: 05-03-2003, 02:45 AM

Tags for this Thread

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
Powered by vBadvanced CMPS v4.1.1