Announcements |
September 13th, 2017: Adding tutorials for the badging community! We're looking for volunteers to feature and help us write guides - PM Panton to get started with our project!
July 3rd, 2017: Canvas Tutorials is currently undergoing a major revamp. Please excuse any hiccups or glitches.
Coming soon
|
About Us |
Canvas creates and supports an IMVU education environment. We offer tutorials and assistance from some of the community's most active and knowledgeable. Tutorials by users, for users!
|
400>400> Statistics | We have 1428 registered users The newest registered user is zZbannyezZ
Our users have posted a total of 2569 messages in 157 subjects
|
| | I have no idea where to post this (sorry) | |
| gutz
Role : Lurker Location : Venus
| Subject: I have no idea where to post this (sorry) Sun Mar 19, 2017 9:13 am | |
| But I have recently tried getting into coding, and I've followed tutorials and been sitting down for hours upon end trying to make my code work... But it just doesn't. Can anyone help? ; - ; - codein here:
- Code:
-
<center>
<font face="verdana" size="1" color="black">
<img src="http://userimages-akm.imvu.com/userdata/42/73/54/43/userpics/Snap_9f21s0uTxx1366134783.png" width="858" height="547" border="0" usemap="#ImageMap1">
<div id="main_box" style="width:424px; height:218px; position:absolute; left:391px; top:144px; z-index:1; overflow:auto;"> <iframe src="http://filedrive.imvustylez.net/users/Mimgu/-Min-Home.html" name="inlineframe" width="000" height="000" border="0" marginwidth=0 marginheight=0 frameborder=0 allowtransparency="true"></iframe> </div>
<div id="main2_box" style="width:424px; height:218px; position:absolute; left:391px; top:144px; z-index:1; overflow:auto;"> <iframe src="http://filedrive.imvustylez.net/users/Mimgu/-Min-Home.html " name="inlineframe" width="000" height="000" border="0" marginwidth=0 marginheight=0 frameborder=0 allowtransparency="true"></iframe> </div>
<div id="main_box" style="width:424px; height:218px; position:absolute; left:391px; top:144px; z-index:1; overflow:auto;"> <iframe src="http://filedrive.imvustylez.net/users/Mimgu/-Min-Badges.html " name="inlineframe" width="000" height="000" border="0" marginwidth=0 marginheight=0 frameborder=0 allowtransparency="true"></iframe> </div>
<div id="main_box" style="width:424px; height:218px; position:absolute; left:391px; top:144px; z-index:1; overflow:auto;"> <iframe src="http://filedrive.imvustylez.net/users/Mimgu/-Min-Art.html " name="inlineframe" width="000" height="000" border="0" marginwidth=0 marginheight=0 frameborder=0 allowtransparency="true"></iframe> </div>
<div id="main_box" style="width:424px; height:218px; position:absolute; left:391px; top:144px; z-index:1; overflow:auto;"> <iframe src="http://filedrive.imvustylez.net/users/Mimgu/-Min-Buds.html " name="inlineframe" width="000" height="000" border="0" marginwidth=0 marginheight=0 frameborder=0 allowtransparency="true"></iframe> </div>
<div id="main_box" style="width:424px; height:218px; position:absolute; left:391px; top:144px; z-index:1; overflow:auto;"> <iframe src="http://filedrive.imvustylez.net/users/Mimgu/-Min-Love.html " name="inlineframe" width="000" height="000" border="0" marginwidth=0 marginheight=0 frameborder=0 allowtransparency="true"></iframe> </div>
<div id="youtube_box" style="width:300px; height:200px; position:absolute; left:507px; top:393px; z-index:1; overflow:auto;"> <iframe src="http://filedrive.imvustylez.net/users/Mimgu/-Min-Youtube.html " name="inlineframe" width="000" height="000" border="0" marginwidth=0 marginheight=0 frameborder=0 allowtransparency="true"></iframe> </div>
<div id="Avi" style="width:160px; height:220px; position:absolute; left:49px; top:152px; z-index:1; overflow:hidden;">
<img src="http://www.imvu.com/catalog/web_av_pic.php?av=gutz"> </div>
<map id="ImageMap1" name="ImageMap1" > <area shape="rect" coords="230,183,364,202" alt="Homepage" href="http://filedrive.imvustylez.net/users/Mimgu/-Min-Home.html" target=inlineframe"/>
<area shape="rect" coords="233,215,364,232" alt="About me" href="http://filedrive.imvustylez.net/users/Mimgu/-Min-About.html" target=inlineframe"/>
<area shape="rect" coords="232,245,368,264" alt="Badges" href="http://filedrive.imvustylez.net/users/Mimgu/-Min-Badges.html""target=inlineframe"> <area shape="rect" coords="232,277,358,295" alt="Art" href="http://filedrive.imvustylez.net/users/Mimgu/-Min-Art.html" target=inlineframe"/>
<area shape="rect" coords="230,308,364,328" alt="Buds" href="http://filedrive.imvustylez.net/users/Mimgu/-Min-Buds.html" target=inlineframe"/>
<area shape="rect" coords="240,338,354,356" alt="Love" href="http://filedrive.imvustylez.net/users/Mimgu/-Min-Love.html" target=inlineframe"/>
<area shape="rect" coords="229,136,261,166" alt="Add" href="http://www.imvu.com/catalog/web_add_contact.php?contact=gutz" target="_blank"/>
<area shape="rect" coords="283,136,310,164" alt="Message" href="http://www.imvu.com/catalog/web_send_message_widget.php?recipient_id=42735443" target="_blank"/>
<area shape="rect" coords="334,136,361,165" alt="Block" href="http://www.imvu.com/catalog/web_mypage.php?block=42735443" target="_blank"/> </map>
<style type="text/css"> #aboutme_panel, #contact_panel, #dev_panel, #wishlist_panel, #visitors_panel, #messages_panel, #tagcloud_panel, #stickers_panel, #collect_panel, #room_panel, #rankings_panel, #cool_panel, #gallery_panel, #friends_panel, #streetteam_panel, #blog_panel, #video_panel_header, #music_panel, #rss_panel, #url_panel, #special_panel,#outfits_panel { width:900px !important; } #rightColumn { display:none !important; } </style>
<style type="text/css"> #url_panel_colRow, .imvucodes_net { display:none !important; } </style>
<style type="text/css"> .paneltitle, .panelmenu, .imvucodes_net { display:none !important; } </style> </font> </center>
|
| | | Valoish
Role : Designer & Coder Location : New York City
| | | | gutz
Role : Lurker Location : Venus
| Subject: Re: I have no idea where to post this (sorry) Sun Mar 19, 2017 10:14 am | |
| - Valoish wrote:
@nhari; I've moved the topic to the correct sub-forum c: What exactly isn't working in the code? tysm for moving it for me ; v ; like the text and youtube video doesn't show up in the boxes, and when I press the buttons it just opens to a new tab o: like to the filedrive things |
| | | Valoish
Role : Designer & Coder Location : New York City
| | | | gutz
Role : Lurker Location : Venus
| | | | Valoish
Role : Designer & Coder Location : New York City
| Subject: Re: I have no idea where to post this (sorry) Sun Mar 19, 2017 10:46 am | |
| To make sure the post isn't huge, I've put the coding in Spoilers. Please click on each to see the original version vs the fixed version c:First thing first, you have tons of extra div boxes that you don't need:- Step 1 - Original:
<center> <font face="verdana" size="1" color="black"> <img src="http://userimages-akm.imvu.com/userdata/42/73/54/43/userpics/Snap_9f21s0uTxx1366134783.png" width="858" height="547" border="0" usemap="#ImageMap1"> <div id="main_box" style="width:424px; height:218px; position:absolute; left:391px; top:144px; z-index:1; overflow:auto;"> <iframe src="http://filedrive.imvustylez.net/users/Mimgu/-Min-Home.html" name="inlineframe" width="000" height="000" border="0" marginwidth=0 marginheight=0 frameborder=0 allowtransparency="true"></iframe> </div> <div id="main2_box" style="width:424px; height:218px; position:absolute; left:391px; top:144px; z-index:1; overflow:auto;"> <iframe src="http://filedrive.imvustylez.net/users/Mimgu/-Min-Home.html " name="inlineframe" width="000" height="000" border="0" marginwidth=0 marginheight=0 frameborder=0 allowtransparency="true"></iframe> </div>
<div id="main_box" style="width:424px; height:218px; position:absolute; left:391px; top:144px; z-index:1; overflow:auto;"> <iframe src="http://filedrive.imvustylez.net/users/Mimgu/-Min-Badges.html " name="inlineframe" width="000" height="000" border="0" marginwidth=0 marginheight=0 frameborder=0 allowtransparency="true"></iframe> </div>
<div id="main_box" style="width:424px; height:218px; position:absolute; left:391px; top:144px; z-index:1; overflow:auto;"> <iframe src="http://filedrive.imvustylez.net/users/Mimgu/-Min-Art.html " name="inlineframe" width="000" height="000" border="0" marginwidth=0 marginheight=0 frameborder=0 allowtransparency="true"></iframe> </div>
<div id="main_box" style="width:424px; height:218px; position:absolute; left:391px; top:144px; z-index:1; overflow:auto;"> <iframe src="http://filedrive.imvustylez.net/users/Mimgu/-Min-Buds.html " name="inlineframe" width="000" height="000" border="0" marginwidth=0 marginheight=0 frameborder=0 allowtransparency="true"></iframe> </div>
<div id="main_box" style="width:424px; height:218px; position:absolute; left:391px; top:144px; z-index:1; overflow:auto;"> <iframe src="http://filedrive.imvustylez.net/users/Mimgu/-Min-Love.html " name="inlineframe" width="000" height="000" border="0" marginwidth=0 marginheight=0 frameborder=0 allowtransparency="true"></iframe> </div> <div id="youtube_box" style="width:300px; height:200px; position:absolute; left:507px; top:393px; z-index:1; overflow:auto;"> <iframe src="http://filedrive.imvustylez.net/users/Mimgu/-Min-Youtube.html " name="inlineframe" width="000" height="000" border="0" marginwidth=0 marginheight=0 frameborder=0 allowtransparency="true"></iframe> </div> <div id="Avi" style="width:160px; height:220px; position:absolute; left:49px; top:152px; z-index:1; overflow:hidden;"> <img src="http://www.imvu.com/catalog/web_av_pic.php?av=gutz"> </div><map id="ImageMap1" name="ImageMap1" > <area shape="rect" coords="230,183,364,202" alt="Homepage" href="http://filedrive.imvustylez.net/users/Mimgu/-Min-Home.html" target=inlineframe"/> <area shape="rect" coords="233,215,364,232" alt="About me" href="http://filedrive.imvustylez.net/users/Mimgu/-Min-About.html" target=inlineframe"/> <area shape="rect" coords="232,245,368,264" alt="Badges" href="http://filedrive.imvustylez.net/users/Mimgu/-Min-Badges.html""target=inlineframe"> <area shape="rect" coords="232,277,358,295" alt="Art" href="http://filedrive.imvustylez.net/users/Mimgu/-Min-Art.html" target=inlineframe"/> <area shape="rect" coords="230,308,364,328" alt="Buds" href="http://filedrive.imvustylez.net/users/Mimgu/-Min-Buds.html" target=inlineframe"/> <area shape="rect" coords="240,338,354,356" alt="Love" href="http://filedrive.imvustylez.net/users/Mimgu/-Min-Love.html" target=inlineframe"/> <area shape="rect" coords="229,136,261,166" alt="Add" href="http://www.imvu.com/catalog/web_add_contact.php?contact=gutz" target="_blank"/> <area shape="rect" coords="283,136,310,164" alt="Message" href="http://www.imvu.com/catalog/web_send_message_widget.php?recipient_id=42735443" target="_blank"/> <area shape="rect" coords="334,136,361,165" alt="Block" href="http://www.imvu.com/catalog/web_mypage.php?block=42735443" target="_blank"/></map><style type="text/css"> #aboutme_panel, #contact_panel, #dev_panel, #wishlist_panel, #visitors_panel, #messages_panel, #tagcloud_panel, #stickers_panel, #collect_panel, #room_panel, #rankings_panel, #cool_panel, #gallery_panel, #friends_panel, #streetteam_panel, #blog_panel, #video_panel_header, #music_panel, #rss_panel, #url_panel, #special_panel,#outfits_panel { width:900px !important; } #rightColumn { display:none !important; } </style> <style type="text/css"> #url_panel_colRow, .imvucodes_net { display:none !important; } </style> <style type="text/css"> .paneltitle, .panelmenu, .imvucodes_net { display:none !important; } </style> </font> </center> You don't need to have a separate div box for every button - that's only done for Dynamic Divs. The nice thing about iFrames is that you only need div boxes for the pages you want to display at all times (Home, Updates, Youtube, Avi are the standard ones). The pages that will be displayed only when a button is clicked do not need a separate box of their own - that's what the Image Map is there for c:- Step 1 - Fixed:
<center> <font face="verdana" size="1" color="black"> <img src="http://userimages-akm.imvu.com/userdata/42/73/54/43/userpics/Snap_9f21s0uTxx1366134783.png" width="858" height="547" border="0" usemap="#ImageMap1"> <div id="main_box" style="width:424px; height:218px; position:absolute; left:391px; top:144px; z-index:1; overflow:auto;"> <iframe src="http://filedrive.imvustylez.net/users/Mimgu/-Min-Home.html" name="inlineframe" width="000" height="000" border="0" marginwidth=0 marginheight=0 frameborder=0 allowtransparency="true"></iframe> </div> <div id="youtube_box" style="width:300px; height:200px; position:absolute; left:507px; top:393px; z-index:1; overflow:auto;"> <iframe src="http://filedrive.imvustylez.net/users/Mimgu/-Min-Youtube.html " name="inlineframe" width="000" height="000" border="0" marginwidth=0 marginheight=0 frameborder=0 allowtransparency="true"></iframe> </div> <div id="Avi" style="width:160px; height:220px; position:absolute; left:49px; top:152px; z-index:1; overflow:hidden;"> <img src="http://www.imvu.com/catalog/web_av_pic.php?av=gutz"> </div><map id="ImageMap1" name="ImageMap1" > <area shape="rect" coords="230,183,364,202" alt="Homepage" href="http://filedrive.imvustylez.net/users/Mimgu/-Min-Home.html" target=inlineframe"/> <area shape="rect" coords="233,215,364,232" alt="About me" href="http://filedrive.imvustylez.net/users/Mimgu/-Min-About.html" target=inlineframe"/> <area shape="rect" coords="232,245,368,264" alt="Badges" href="http://filedrive.imvustylez.net/users/Mimgu/-Min-Badges.html""target=inlineframe"> <area shape="rect" coords="232,277,358,295" alt="Art" href="http://filedrive.imvustylez.net/users/Mimgu/-Min-Art.html" target=inlineframe"/> <area shape="rect" coords="230,308,364,328" alt="Buds" href="http://filedrive.imvustylez.net/users/Mimgu/-Min-Buds.html" target=inlineframe"/> <area shape="rect" coords="240,338,354,356" alt="Love" href="http://filedrive.imvustylez.net/users/Mimgu/-Min-Love.html" target=inlineframe"/> <area shape="rect" coords="229,136,261,166" alt="Add" href="http://www.imvu.com/catalog/web_add_contact.php?contact=gutz" target="_blank"/> <area shape="rect" coords="283,136,310,164" alt="Message" href="http://www.imvu.com/catalog/web_send_message_widget.php?recipient_id=42735443" target="_blank"/> <area shape="rect" coords="334,136,361,165" alt="Block" href="http://www.imvu.com/catalog/web_mypage.php?block=42735443" target="_blank"/></map><style type="text/css"> #aboutme_panel, #contact_panel, #dev_panel, #wishlist_panel, #visitors_panel, #messages_panel, #tagcloud_panel, #stickers_panel, #collect_panel, #room_panel, #rankings_panel, #cool_panel, #gallery_panel, #friends_panel, #streetteam_panel, #blog_panel, #video_panel_header, #music_panel, #rss_panel, #url_panel, #special_panel,#outfits_panel { width:900px !important; } #rightColumn { display:none !important; } </style> <style type="text/css"> #url_panel_colRow, .imvucodes_net { display:none !important; } </style> <style type="text/css"> .paneltitle, .panelmenu, .imvucodes_net { display:none !important; } </style> </font> </center> The reason your buttons open in a new window and not in the Main div box is because you've accidentally removed a quotation mark from the "target=" attribute of the links:- Step 2 - Original:
<map id="ImageMap1" name="ImageMap1" > <area shape="rect" coords="230,183,364,202" alt="Homepage" href="http://filedrive.imvustylez.net/users/Mimgu/-Min-Home.html" target=inlineframe"/> <area shape="rect" coords="233,215,364,232" alt="About me" href="http://filedrive.imvustylez.net/users/Mimgu/-Min-About.html" target=inlineframe"/> <area shape="rect" coords="232,245,368,264" alt="Badges" href="http://filedrive.imvustylez.net/users/Mimgu/-Min-Badges.html""target=inlineframe"/> <area shape="rect" coords="232,277,358,295" alt="Art" href="http://filedrive.imvustylez.net/users/Mimgu/-Min-Art.html" target=inlineframe""/> <area shape="rect" coords="230,308,364,328" alt="Buds" href="http://filedrive.imvustylez.net/users/Mimgu/-Min-Buds.html" target=inlineframe"/> <area shape="rect" coords="240,338,354,356" alt="Love" href="http://filedrive.imvustylez.net/users/Mimgu/-Min-Love.html" target=inlineframe"/> <area shape="rect" coords="229,136,261,166" alt="Add" href="http://www.imvu.com/catalog/web_add_contact.php?contact=gutz" target="_blank"/> <area shape="rect" coords="283,136,310,164" alt="Message" href="http://www.imvu.com/catalog/web_send_message_widget.php?recipient_id=42735443" target="_blank"/> <area shape="rect" coords="334,136,361,165" alt="Block" href="http://www.imvu.com/catalog/web_mypage.php?block=42735443" target="_blank"/> </map>
All you have to do it change the text from =inlineframe" to ="inlineframe"- Step 2 - Fixed:
<map id="ImageMap1" name="ImageMap1" > <area shape="rect" coords="230,183,364,202" alt="Homepage" href="http://filedrive.imvustylez.net/users/Mimgu/-Min-Home.html" target="inlineframe"/> <area shape="rect" coords="233,215,364,232" alt="About me" href="http://filedrive.imvustylez.net/users/Mimgu/-Min-About.html" target="inlineframe"/> <area shape="rect" coords="232,245,368,264" alt="Badges" href="http://filedrive.imvustylez.net/users/Mimgu/-Min-Badges.html""target="inlineframe"/> <area shape="rect" coords="232,277,358,295" alt="Art" href="http://filedrive.imvustylez.net/users/Mimgu/-Min-Art.html" target="inlineframe"/> <area shape="rect" coords="230,308,364,328" alt="Buds" href="http://filedrive.imvustylez.net/users/Mimgu/-Min-Buds.html" target="inlineframe"/> <area shape="rect" coords="240,338,354,356" alt="Love" href="http://filedrive.imvustylez.net/users/Mimgu/-Min-Love.html" target="inlineframe"/> <area shape="rect" coords="229,136,261,166" alt="Add" href="http://www.imvu.com/catalog/web_add_contact.php?contact=gutz" target="_blank"/> <area shape="rect" coords="283,136,310,164" alt="Message" href="http://www.imvu.com/catalog/web_send_message_widget.php?recipient_id=42735443" target="_blank"/> <area shape="rect" coords="334,136,361,165" alt="Block" href="http://www.imvu.com/catalog/web_mypage.php?block=42735443" target="_blank"/> </map>
As for the text and youtube box not showing up, all you have to do is to give the iframe the width and height that you gave the corresponding div box:- Step 3 - Original:
<div id="main_box" style="width:424px; height:218px; position:absolute; left:391px; top:144px; z-index:1; overflow:auto;"> <iframe src="http://filedrive.imvustylez.net/users/Mimgu/-Min-Home.html" name="inlineframe" width="000" height="000" border="0" marginwidth=0 marginheight=0 frameborder=0 allowtransparency="true"></iframe> </div>
<div id="youtube_box" style="width:300px; height:200px; position:absolute; left:507px; top:393px; z-index:1; overflow:auto;"> <iframe src="http://filedrive.imvustylez.net/users/Mimgu/-Min-Youtube.html " name="inlineframe" width="000" height="000" border="0" marginwidth=0 marginheight=0 frameborder=0 allowtransparency="true"></iframe> </div>
So it'll look like this:- Step 3 - Fixed:
<div id="main_box" style="width:424px; height:218px; position:absolute; left:391px; top:144px; z-index:1; overflow:auto;"> <iframe src="http://filedrive.imvustylez.net/users/Mimgu/-Min-Home.html" name="inlineframe" width="424" height="218" border="0" marginwidth=0 marginheight=0 frameborder=0 allowtransparency="true"></iframe> </div>
<div id="youtube_box" style="width:300px; height:200px; position:absolute; left:507px; top:393px; z-index:1; overflow:auto;"> <iframe src="http://filedrive.imvustylez.net/users/Mimgu/-Min-Youtube.html " width="300" height="200" border="0" marginwidth=0 marginheight=0 frameborder=0 allowtransparency="true"></iframe> </div>
I've also removed the name="inlineframe" from the Youtube iframe link, since that is the name of your main box. If you have 2 div boxes with the same iframe name, the buttons will open in the box that is presented first in the coding (In this case its the main box). So to prevent the buttons from accidentally opening the pages in the youtube box, it's best to either remove the iframe name from that box entirely, or change it to a different name other than "inlineframe". |
| | | gutz
Role : Lurker Location : Venus
| | | | Sponsored content
| | | | |
Similar topics | |
|
| Permissions in this forum: | You cannot reply to topics in this forum
| |
| |
| |