HomeHome  SearchSearch  Rules & Guidelines  Staff List  Latest imagesLatest images  RegisterRegister  Log inLog in  
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!

Staff
Staff Updates
Important Links
Statistics
We have 1428 registered users
The newest registered user is zZbannyezZ

Our users have posted a total of 2569 messages in 157 subjects
Canvas Time

Search found 4 matches for special_panel

AuthorMessage
Topics tagged under special_panel on  EWsgN8xTopic: I have no idea where to post this (sorry)
Valoish

Replies: 6
Views: 1583

Search in: HBAD • Coding Repair   Topics tagged under special_panel on  EmptySubject: I have no idea where to post this (sorry)    Topics tagged under special_panel on  EmptySun 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:

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:


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:


All you have to do it change the text from =inlineframe" to ="inlineframe"

Step 2 - Fixed:


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:


So it'll look like this:
Step 3 - Fixed:


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".
Topics tagged under special_panel on  EWsgN8xTopic: needing help
KandyLips

Replies: 0
Views: 1597

Search in: HBAD • Coding Repair   Topics tagged under special_panel on  EmptySubject: needing help    Topics tagged under special_panel on  EmptyMon Feb 20, 2017 4:57 pm
i been trying to learn coding on my own by watching every youtube on it i have gotten one code to use from canvas forums this is the code that i gotten....

<script>
function changeNavigation(id)
{document.getElementById('mainbox'). innerHTML=document.getElementById(id). innerHTML}
</script>
<img style="float:center:"https://2img.net/r/ihimg/a/img924/2773/NqinkG.png" usemap="#ImageMap1">

<map id="ImageMap1" name="ImageMap1">
<area shape="rect" coords="421,666,509,696" id="1b" onClick="changeNavigation('Home')">
<area shape="rect" coords="352,733,445,766" id="2b" onClick="changeNavigation('About')">
<area shape="rect" coords="492,734,566,761" id="3b" onClick="changeNavigation('Love')">
<area shape="rect" coords="283,804,380,828" id="4b" onClick="changeNavigation('Friends')">
<area shape="rect" coords="405,801,515,835" id="5b" onClick="changeNavigation('Support')">
<area shape="rect" coords="561,806,633,835" id="6b" onClick="changeNavigation('Shop')">
</map>

<div id="mainbox" style="position:absolute; left:227px; top:161px; width:230px; height:640px; overflow: auto; border:0px; background-color:transparent; color:#000000;"> <center> <font face="verdana" size="1" color="white">
This tab will feature the same text found in your " Home " tab.(main)
</font></center>
</div>

<div id="Home" style="display:none">
<center> <font face="verdana" size="1" color="white">
DYNAMIC! [Home]
</font></center>
</div>

<div id="About" style="display:none">
<center> <font face="verdana" size="1" color="white">
DYNAMIC! [About]
</font></center>
</div>

<div id="Love" style="display:none">
<center> <font face="verdana" size="1" color="white">
DYNAMIC! [Love]
</font></center>
</div>

<div id="Friends" style="display:none">
<center> <font face="verdana" size="1" color="white">
DYNAMIC! [Friends]
</font></center>
</div>

<div id="Support" style="display:none">
<center> <font face="verdana" size="1" color="white">
DYNAMIC! [Support]
</font></center>
</div>

<div id="Shop" style="display:none">
<center> <font face="verdana" size="1" color="white">
DYNAMIC! [Shop]
</font></center>
</div>


<div id="other_box" style="width:000px; height:000px; position:absolute; left:000px; top: 000px; z-index:1">

</div>


<div id="avi_box" style="width:160px; height:220px; position:absolute; left:000px; top: 000px; z-index:1">

</div>


<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>



this is the direct link to the layout that i made https://2img.net/r/ihimg/a/img924/2773/NqinkG.png
i think the coords are all wrong if anyone could help me out and tell me what i done wrong or help me fix this ill be every so greatful Smile Topics tagged under special_panel on  2656814118 Topics tagged under special_panel on  2061101175 Topics tagged under special_panel on  1348715120

Topics tagged under special_panel on  EWsgN8xTopic: Code layout help.
XShiroXP

Replies: 13
Views: 3135

Search in: HBAD • Coding Repair   Topics tagged under special_panel on  EmptySubject: Code layout help.    Topics tagged under special_panel on  EmptySun Aug 07, 2016 12:31 am
IKumaI wrote:
@XShiroXP

Mind sending me the code?





<style type="text/css">
#sandbox_panel_header {display:none;}
</style>

<img src="https://2img.net/h/i1320.photobucket.com/albums/u534/XShiroXP/shiro%20example%20layout_zpsd5jzdgsi.png" width="1108" height="728" border="0" usemap="ImageMap1">

<div id="main_box" style="width:395px; height:276px; position:absolute; left:21px; top:443px; z-index:1; overflow:auto;">
<iframe src="http://filedrive.imvustylez.net/users/XShiroXP/SampleLayout.html" name="inlineframe" width="395" height="276" border="0" marginwidth=0 marginheight=0 frameborder=0 allowtransparency="true"></iframe>
</div>  


<script type="text/javascript">
var copiedfrom='www.imvucodes.net';
function blockrightclick() {
return false;
}
document.oncontextmenu=blockrightclick;
</script>


<style type="text/css">
#aboutme_panel_header, #contact_panel_header, #dev_panel_header, #wishlist_panel_header, #url_panel_header,
#tagcloud_panel_header, #visitors_panel_header, #room_panel_header, #rankings_panel_header, #cool_panel_header, #gallery_panel_header, #friends_panel_header, #blog_panel_header, #rss_panel_header, #video_panel_header, #badges_panel_header, #special_panel_header,#outfits_panel_header, #groups_panel_header {
display: none !important;
}
</style>

<style type="text/css">
#aboutme_panel, #contact_panel, #dev_panel, #wishlist_panel, #visitors_panel,
#tagcloud_panel, #stickers_panel, #room_panel, #rankings_panel, #cool_panel, #gallery_panel, #friends_panel, #rss_panel, #url_panel, #special_panel,#outfits_panel, #video_panel, #groups_panel, #slideshow_panel, #badges_panel {
margin:0px auto; width:1108px;
}
#leftColumn{ width: 1108px; }
#rightColumn { display:none !important; }
</style>
Topics tagged under special_panel on  EWsgN8xTopic: Problems with message button
Pantone

Replies: 2
Views: 2256

Search in: HBAD • Coding Repair   Topics tagged under special_panel on  EmptySubject: Problems with message button    Topics tagged under special_panel on  EmptyWed Dec 02, 2015 8:58 pm
Alrighty! So made some tweaks, I did my best to explain below!

So first things first, I OCD’d and added the “px” to some of your box measurements.
We need to change ‘em in our base codes, I realize.

Then I worked with your main_box: You had no coordinates plugged in for your
actual frame. These coordinates would match the coordinates for your box dimensions.

Quote :
<iframe src="http://filedrive.imvustylez.net/users/MidgetsUnited/Home.html" name="inlineframe" width=“000” height=“000” border="0" marginwidth=0 marginheight=0 frameborder=0 allowtransparency="true"></iframe>
</div>



Finally, I removed the ”inline frame” from your add, message and block buttons so they would open on their own.

Quote :
<area shape="rect" alt="" title="" coords="76,143,106,177" href="http://www.imvu.com/catalog/web_add_contact.php?contact=Alsnic" target=“inlineframe” /><area shape="rect" alt="" title="" coords="79,183,105,213" href="javascript:IMVU.messagePopupShow({force_recipient_id:55290710})" target=“inlineframe” /><area shape="rect" alt="" title="" coords="80,223,104,257" href="http://www.imvu.com/catalog/web_mypage.php?block=55290710" target=“inlineframe” /><!-- Created by Online Image Map Editor (http://www.maschek.hu/imagemap/index) —>



You might need to do some nudging and whatnot to get everything aligned on your end, but
other than those things you are all set. Smile

Let me know if you have any other questions.
Be sure to hit “Preview” before you try to click any buttons!


Spoiler:
Back to top 
Page 1 of 1
Jump to: