HomeHome  SearchSearch  Rules & Guidelines  Staff List  MemberlistMemberlist  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

avatar
View user profile
http://avatars.imvu.com/CanvasInc

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

Back to top Go down
CanvasInc

avatar
View user profile
http://avatars.imvu.com/CanvasInc

PostSubject: 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>
Back to top Go down
CanvasInc

avatar
View user profile
http://avatars.imvu.com/CanvasInc

PostSubject: 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:
 
Back to top Go down
Guest
Guest
avatar

PostSubject: 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....
Back to top Go down
Pantone

avatar
View user profile
Role : Designer & Coder
Location : Indianapolis, IN, USA
http://pantonedoesgraphics.tumblr.com/

PostSubject: 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;

__________________________________
CanvasTutorials
ADMIN

Human Resources │ Account Activation │ Ban Control
"May the Force be with you."
Back to top Go down
Guest
Guest
avatar

PostSubject: 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.
Back to top Go down
Guest
Guest
avatar

PostSubject: 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. ^^;
Back to top Go down
Valoish

avatar
View user profile
Role : Designer & Coder
Location : New York City
http://kyaimvu.deviantart.com

PostSubject: 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.

__________________________________
CanvasTutorials
ADMIN


Technician | Theft Council | Forum Design
"Love Truth and Pardon Error."

Back to top Go down
Guest
Guest
avatar

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

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

avatar
View user profile

PostSubject: 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 ?
Back to top Go down
Valoish

avatar
View user profile
Role : Designer & Coder
Location : New York City
http://kyaimvu.deviantart.com

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

What issues are you having, exactly?

__________________________________
CanvasTutorials
ADMIN


Technician | Theft Council | Forum Design
"Love Truth and Pardon Error."

Back to top Go down
Alekina

avatar
View user profile

PostSubject: 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
Back to top Go down
Mauseu

avatar
View user profile

PostSubject: 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
Back to top Go down
Guest
Guest
avatar

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

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

PostSubject: 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;
Back to top Go down
Vespertine

avatar
View user profile
Location : Taiwan
http://avatars.imvu.com/Vespertine

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

@Zikarime Could you please specify what trouble exactly you are experiencing right now? Thanks!

__________________________________
@IMVU
Back to top Go down
Guest
Guest
avatar

PostSubject: 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.
Back to top Go down
Pantone

avatar
View user profile
Role : Designer & Coder
Location : Indianapolis, IN, USA
http://pantonedoesgraphics.tumblr.com/

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

@Toroka / @Gladiolus

Would either of you be able to lend a hand? c:

__________________________________
CanvasTutorials
ADMIN

Human Resources │ Account Activation │ Ban Control
"May the Force be with you."
Back to top Go down
Guest
Guest
avatar

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

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

avatar
View user profile
Role : Designer & Coder
Location : United States
http://migladiolus.tumblr.com/

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

Odd, i didn't see this tag till now.

__________________________________

Back to top Go down
Pantone

avatar
View user profile
Role : Designer & Coder
Location : Indianapolis, IN, USA
http://pantonedoesgraphics.tumblr.com/

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

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

@Gladiolus: It's okay.

:LL2:

__________________________________
CanvasTutorials
ADMIN

Human Resources │ Account Activation │ Ban Control
"May the Force be with you."
Back to top Go down
Voixz

avatar
View user profile
Role : Designer & Coder
Location : United Kingdom

PostSubject: 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.
Smile
Back to top Go down
Gladiolus

avatar
View user profile
Role : Designer & Coder
Location : United States
http://migladiolus.tumblr.com/

PostSubject: 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.
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

avatar
View user profile
Role : Designer & Coder
Location : United Kingdom

PostSubject: 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.
Back to top Go down
Valoish

avatar
View user profile
Role : Designer & Coder
Location : New York City
http://kyaimvu.deviantart.com

PostSubject: Re: iFrame Homepage Tutorial Wed 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.

Yaaay that's great! I'm glad our tutorial has helped you make your first iFrame layout successfully!  
Thank you for your feedback on the tutorial, it's greatly appreciated.

__________________________________
CanvasTutorials
ADMIN


Technician | Theft Council | Forum Design
"Love Truth and Pardon Error."

Back to top Go down
 
iFrame Homepage Tutorial
View previous topic View next topic Back to top 
Page 1 of 1

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