|
CanvasInc
| Subject: iFrame Homepage Tutorial Tue Aug 14, 2012 6:13 am | |
| Welcome to the iFrame Homepage tutorial! Below will be the coding, the video instructions and a complimentary FAQ in case anything is unclear. Like it has been said before, if you have any questions or something is malfunctioning - please ask it. Use this thread as your blank canvas and ask any and all questions you can come up with. We hope you enjoy the tutorial! As well - if you liked the tutorial or want us to fix something, review it and let us know how it worked for you.
Software Used In This Tutorial:
- Gimp 2.6 (click here to download)
Link Used In This Tutorial:
|
|
| |
CanvasInc
| Subject: Re: iFrame Homepage Tutorial Tue Aug 14, 2012 6:16 am | |
| Video Instructions:
• Step #1: Preparation & Overview • Step #2: HTML Slides • Step #3: Layout Mapping • Step #4: Installation
Layout Used In The Video: Click Here *You may not use this layout to recolor, resell or claim as your own. The Base Coding: - Code:
-
<center>
<font face="verdana" size="1" color="black">
<img src="IMAGE_LINK" width="000" height="000" border="0" usemap="#ImageMap1">
<div id="main_box" style="width:000px; height:000px; position:absolute; left:000px; top:000px; z-index:1; overflow:auto;"> <iframe src="HOME_URL_GOES_HERE" name="inlineframe" width="000" height="000" border="0" marginwidth=0 marginheight=0 frameborder=0 allowtransparency="true"></iframe> </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>
<style type="text/css"> .paneltitle, .panelmenu, .imvucodes_net { display:none !important; } </style> </font> </center> Slide Base Coding: - Code:
-
<font face="verdana" size="1" color="black"> This is considered your 'slide', remember to save it as a link name! </font> |
|
| |
CanvasInc
| Subject: Re: iFrame Homepage Tutorial Tue Aug 14, 2012 6:16 am | |
| NOTES:Added "Slide Base Code" to the coding information. (5/22/14) - Admin This tutorial is fully operational! (1/27/13) - Admin____________________________________________________________________________________________ F.A.Q.-- Click Here For Our "Request Help" section!- Spoiler:
• Nothing Is Clickable? -- Make sure your "#" is before ImageMap1 (or whatever you named it.) It'll read: usemap="#ImageMap1" . -- Try clicking "Preview", then trying to click. This is the most common error.• The whole text stays black, even when I change it all through the coding. -- At the top of the coding, try to change the color, second line down: - Code:
-
<font face="verdana" size="1" color="black"> -- Also, keep in mind that the color will change from frame to frame ("slide to slide" as Hae puts it). Make sure you change the color there too! • Why isn't my content in the right spaces? Did I not measure right? -- This happens, more often than not, when "installing" a layout to one's IMVU homepage. You'll need to nudge it to get that perfect alignment, to do so: add or subtract numeric values to the "top" and "left" coordinates. ---- "TOP": Use the weight analogy, lighter weights floats to the top and heavier objects sink. Thus, decreasing your "top" value will make your content nudge up and increasing said value will nudge your content down. ---- "LEFT": Increasing your content value will nudge your content to the right and decreasing your value will nudge content to the left.• I am having a problem uploading. I used notepad, saved as .html file, go to upload but the file never does and I have tried 3 times now. -- This might have been a site error, but try to re-upload with the Notepad document closed out; or save the file to the computer desktop, then attempt to upload.
|
|
| |
Guest Guest
| Subject: Re: iFrame Homepage Tutorial Tue Jul 08, 2014 4:10 am | |
| I have a quick question.... A lot of homepages on IMVU have buttons, maybe I'm not seeing it but I have subscribed to your videos and I'm so confused Q_Q please help..... I have watched all your videos and I"m just not getting it... I guess I am trying to make it into an iFrame but I'm not sure. I really can't tell the difference except when you did the DIV you added the buttons to the image like I did in this one I"m about to send you. I have a hp that I made but I can't code it I'm so confused if I give you the picture will you code it for me so I can better understand how to do coding? Click here <---- This is the image I made and am trying to code for my own homepage on IMVU Edit--> I should have put my tag on my image.... |
|
| |
Pantone
Role : Designer & Coder Location : Indianapolis, IN, USA
| Subject: Re: iFrame Homepage Tutorial Tue Jul 08, 2014 6:52 am | |
| Welp, A normal DIV has no buttons at all (traditionally), just a box where text goes, your display picture area and maybe scrolling text or products - DynamicDIV and iFrame traditionally have buttons and such, in addition to the text box and everything a normal DIV has.
What you have designed looks like a DIV w/ buttons - don't fret, because the layout can work! I can code with you on Join.Me if you'd like - but I do have a question about the layout itself, in regard to where are you wanting the tabs to open up? c;
Let me know, suga'! ♥ & Never be afraid to ask or feel stupid. c; |
|
| |
Guest Guest
| Subject: Re: iFrame Homepage Tutorial Wed Jul 09, 2014 3:30 pm | |
| - Pantone wrote:
- Welp, A normal DIV has no buttons at all (traditionally), just a box where text goes, your display
picture area and maybe scrolling text or products - DynamicDIV and iFrame traditionally have buttons and such, in addition to the text box and everything a normal DIV has.
What you have designed looks like a DIV w/ buttons - don't fret, because the layout can work! I can code with you on Join.Me if you'd like - but I do have a question about the layout itself, in regard to where are you wanting the tabs to open up? c;
Let me know, suga'! ♥ & Never be afraid to ask or feel stupid. c; Well I was kind of basic it off the one I got from Imvmoo. (If I got the website right) So I was hoping I had based it someone like his how he has the buttons and when you open them up the text to the side changes. Like On my IMVU account for XxLilithFalconxX Thats an IMVmoo layout.I just wanted one that was lightly bigger and gave me more room I guess. ^^; if any of that made any since at all. |
|
| |
Guest Guest
| Subject: Re: iFrame Homepage Tutorial Wed Jul 09, 2014 4:12 pm | |
| ALso I'd rather do Skype then Join.me only because I don't have an account. ^^; |
|
| |
Valoish
Role : Designer & Coder Location : New York City
| Subject: Re: iFrame Homepage Tutorial Wed Jul 09, 2014 4:19 pm | |
| If Pantone will be the one to host the session, you won't need an account. c: She'll start up the program, and it will give her a link she can send you so that you can see her screen ^^ Theres no need to sign up or download anything. |
|
| |
Guest Guest
| |
| |
Alekina
| Subject: Re: iFrame Homepage Tutorial Wed Jul 23, 2014 12:03 pm | |
| Hello i just followed ur tutorial and my account layout messed up big time x...X ur iframe tut, can anyone help me ? |
|
| |
Valoish
Role : Designer & Coder Location : New York City
| |
| |
Alekina
| Subject: Re: iFrame Homepage Tutorial Wed Jul 23, 2014 12:12 pm | |
| I put the Page on the Home page but i deleted a few codes and it worked perfectly ~scratches head~ but ty
|
|
| |
Mauseu
| Subject: Re: iFrame Homepage Tutorial Mon Oct 06, 2014 10:55 pm | |
| So, I cannot get this coding thing down at all~. D: Well, I kind of can, but I'm running into multiple issues here. :C If I am able to get any live assistance, that would be awesome. DX |
|
| |
Guest Guest
| |
| |
Guest Guest
| Subject: Re: iFrame Homepage Tutorial Sun Sep 20, 2015 5:38 pm | |
| Can someone please help me? I followed the Iframe layout tutorial, but I'm getting so confused. x.x; |
|
| |
Vespertine
| |
| |
Guest Guest
| Subject: Re: iFrame Homepage Tutorial Mon Apr 04, 2016 10:56 pm | |
| I Followed the iframe tutorial but My slides aren't showing up in the box on my layout, they're opening up in a new browser. I dont' know what I did wrong, some help would be greatly appreciated. |
|
| |
Pantone
Role : Designer & Coder Location : Indianapolis, IN, USA
| |
| |
Guest Guest
| |
| |
Gladiolus
Role : Designer & Coder Location : United States
| |
| |
Pantone
Role : Designer & Coder Location : Indianapolis, IN, USA
| |
| |
Voixz
Role : Designer & Coder Location : United Kingdom
| Subject: Re: iFrame Homepage Tutorial Wed Jul 20, 2016 12:08 pm | |
| Going to be watching the tutorial and following every step to learn iFrame Layout Coding, can tell it's going to be another amazing tutorial to learn from. |
|
| |
Gladiolus
Role : Designer & Coder Location : United States
| Subject: Re: iFrame Homepage Tutorial Wed Jul 20, 2016 1:04 pm | |
| - Voixz wrote:
Going to be watching the tutorial and following every step to learn iFrame Layout Coding, can tell it's going to be another amazing tutorial to learn from. If you need any help feel free to message me on imvu @ Gladiolus. I can always look over your code and help out as much as I can. |
|
| |
Voixz
Role : Designer & Coder Location : United Kingdom
| Subject: Re: iFrame Homepage Tutorial Wed Jul 20, 2016 1:43 pm | |
| I have followed every step of the tutorial, and I have succeeded to make my very first iFrame which I am very proud of.
Once again, amazing tutorial very clear and smooth best iFrame tutorial ever everything is explained very well. |
|
| |
Valoish
Role : Designer & Coder Location : New York City
| |
| |
Sponsored content
| |
| |
|