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

Share
 

 iFrame Homepage Tutorial

View previous topic View next topic Go down 
CanvasInc

CanvasInc
http://avatars.imvu.com/CanvasInc

iFrame Homepage Tutorial Empty
PostSubject: iFrame Homepage Tutorial iFrame Homepage Tutorial EmptyTue 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:

Back to top Go down
CanvasInc

CanvasInc
http://avatars.imvu.com/CanvasInc

iFrame Homepage Tutorial Empty
PostSubject: Re: iFrame Homepage Tutorial iFrame Homepage Tutorial EmptyTue 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>
Back to top Go down
CanvasInc

CanvasInc
http://avatars.imvu.com/CanvasInc

iFrame Homepage Tutorial Empty
PostSubject: Re: iFrame Homepage Tutorial iFrame Homepage Tutorial EmptyTue 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:
Back to top Go down
Guest
Guest
Anonymous

iFrame Homepage Tutorial Empty
PostSubject: Re: iFrame Homepage Tutorial iFrame Homepage Tutorial EmptyTue 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....
Back to top Go down
Pantone

Pantone
Role : Designer & Coder
Location : Indianapolis, IN, USA
http://pantonedoesgraphics.tumblr.com/

iFrame Homepage Tutorial Empty
PostSubject: Re: iFrame Homepage Tutorial iFrame Homepage Tutorial EmptyTue 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;
Back to top Go down
Guest
Guest
Anonymous

iFrame Homepage Tutorial Empty
PostSubject: Re: iFrame Homepage Tutorial iFrame Homepage Tutorial EmptyWed 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.
Back to top Go down
Guest
Guest
Anonymous

iFrame Homepage Tutorial Empty
PostSubject: Re: iFrame Homepage Tutorial iFrame Homepage Tutorial EmptyWed Jul 09, 2014 4:12 pm

ALso I'd rather do Skype then Join.me only because I don't have an account. ^^;
Back to top Go down
Valoish

Valoish
Role : Designer & Coder
Location : New York City
http://kyaimvu.deviantart.com

iFrame Homepage Tutorial Empty
PostSubject: Re: iFrame Homepage Tutorial iFrame Homepage Tutorial EmptyWed 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.
Back to top Go down
Guest
Guest
Anonymous

iFrame Homepage Tutorial Empty
PostSubject: Re: iFrame Homepage Tutorial iFrame Homepage Tutorial EmptyWed Jul 09, 2014 5:45 pm

=O Oh okay! I didn't know that!
Back to top Go down
Alekina

Alekina

iFrame Homepage Tutorial Empty
PostSubject: Re: iFrame Homepage Tutorial iFrame Homepage Tutorial EmptyWed 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 ?
Back to top Go down
Valoish

Valoish
Role : Designer & Coder
Location : New York City
http://kyaimvu.deviantart.com

iFrame Homepage Tutorial Empty
PostSubject: Re: iFrame Homepage Tutorial iFrame Homepage Tutorial EmptyWed Jul 23, 2014 12:08 pm

What issues are you having, exactly?
Back to top Go down
Alekina

Alekina

iFrame Homepage Tutorial Empty
PostSubject: Re: iFrame Homepage Tutorial iFrame Homepage Tutorial EmptyWed 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
Back to top Go down
Mauseu

Mauseu

iFrame Homepage Tutorial Empty
PostSubject: Re: iFrame Homepage Tutorial iFrame Homepage Tutorial EmptyMon 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
Back to top Go down
Guest
Guest
Anonymous

iFrame Homepage Tutorial Empty
PostSubject: Re: iFrame Homepage Tutorial iFrame Homepage Tutorial EmptySat Nov 22, 2014 9:28 am

thank you everyone for this awesome work! :albino:
Back to top Go down
Guest
Guest
Anonymous

iFrame Homepage Tutorial Empty
PostSubject: Re: iFrame Homepage Tutorial iFrame Homepage Tutorial EmptySun 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;
Back to top Go down
Vespertine

avatar

iFrame Homepage Tutorial Empty
PostSubject: Re: iFrame Homepage Tutorial iFrame Homepage Tutorial EmptyMon Sep 21, 2015 12:33 am

@Zikarime Could you please specify what trouble exactly you are experiencing right now? Thanks!
Back to top Go down
Guest
Guest
Anonymous

iFrame Homepage Tutorial Empty
PostSubject: Re: iFrame Homepage Tutorial iFrame Homepage Tutorial EmptyMon 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.
Back to top Go down
Pantone

Pantone
Role : Designer & Coder
Location : Indianapolis, IN, USA
http://pantonedoesgraphics.tumblr.com/

iFrame Homepage Tutorial Empty
PostSubject: Re: iFrame Homepage Tutorial iFrame Homepage Tutorial EmptyTue Apr 05, 2016 12:07 am

@Toroka / @Gladiolus

Would either of you be able to lend a hand? c:
Back to top Go down
Guest
Guest
Anonymous

iFrame Homepage Tutorial Empty
PostSubject: Re: iFrame Homepage Tutorial iFrame Homepage Tutorial EmptyTue Apr 05, 2016 1:00 am

I figured it out Very Happy thank you though♥️
Back to top Go down
Gladiolus

Gladiolus
Role : Designer & Coder
Location : United States
http://migladiolus.tumblr.com/

iFrame Homepage Tutorial Empty
PostSubject: Re: iFrame Homepage Tutorial iFrame Homepage Tutorial EmptyWed Apr 06, 2016 3:57 pm

Odd, i didn't see this tag till now.
Back to top Go down
Pantone

Pantone
Role : Designer & Coder
Location : Indianapolis, IN, USA
http://pantonedoesgraphics.tumblr.com/

iFrame Homepage Tutorial Empty
PostSubject: Re: iFrame Homepage Tutorial iFrame Homepage Tutorial EmptyWed Apr 06, 2016 6:03 pm

@LunarriaSilverstorm: What was the problem with it? How did you solve it? Smile

@Gladiolus: It's okay.

:LL2:
Back to top Go down
Voixz

Voixz
Role : Designer & Coder
Location : United Kingdom

iFrame Homepage Tutorial Empty
PostSubject: Re: iFrame Homepage Tutorial iFrame Homepage Tutorial EmptyWed 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.
Smile
Back to top Go down
Gladiolus

Gladiolus
Role : Designer & Coder
Location : United States
http://migladiolus.tumblr.com/

iFrame Homepage Tutorial Empty
PostSubject: Re: iFrame Homepage Tutorial iFrame Homepage Tutorial EmptyWed 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.
Smile


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.
Back to top Go down
Voixz

Voixz
Role : Designer & Coder
Location : United Kingdom

iFrame Homepage Tutorial Empty
PostSubject: Re: iFrame Homepage Tutorial iFrame Homepage Tutorial EmptyWed 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.
iFrame Homepage Tutorial 1060295614
Back to top Go down
Valoish

Valoish
Role : Designer & Coder
Location : New York City
http://kyaimvu.deviantart.com

iFrame Homepage Tutorial Empty
PostSubject: Re: iFrame Homepage Tutorial iFrame Homepage Tutorial EmptyWed Jul 20, 2016 3:11 pm

Voixz wrote:
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.
iFrame Homepage Tutorial 1060295614

Yaaay that's great! I'm glad our tutorial has helped you make your first iFrame layout successfully!  iFrame Homepage Tutorial 2543677741
Thank you for your feedback on the tutorial, it's greatly appreciated. iFrame Homepage Tutorial 3875050114
Back to top Go down
Sponsored content


iFrame Homepage Tutorial Empty
PostSubject: Re: iFrame Homepage Tutorial iFrame Homepage Tutorial Empty

Back to top Go down
 
iFrame Homepage Tutorial
View previous topic View next topic Back to top 
Page 1 of 1
 Similar topics
-
» Basic DIV Homepage
» Dynamic DIV Homepage
» Transition Buttons: iFrame
» [GI] Tutorial Wish List
» MRKTplace • PayPal Tutorial

Permissions in this forum:You cannot reply to topics in this forum
 :: HBAD REALM :: HBAD • Coding-
Jump to: