Layouts, Patterns and Tutorials
Tuesday, 2009-11-24, 6:53 Pm
Welcome Guest | RSS
Main | Registration | Login
PotatoKorner™
Site menu
Login form
E-mail:
Password:
Link Us Back
 





 











  












Site friends











tsakunakune:| The web is a playground.

  • Create your own site
  • Our poll
    Rate my site
    1. Excellent
    2. Good
    3. Not bad
    Total of answers: 284

    Statistics


    [ New messages · Members · Forum rules · Search · RSS ]
    Page 1 of 11
    Layouts, Patterns and Tutorials » MoveOver Tutorials and Patterns » MoveOver Hide and Show Pattern and Tutorial » 2 Box Style - with GOOGLE ADS and Xtra Box (for Advance User)
    2 Box Style - with GOOGLE ADS and Xtra Box
    switpotatoDate: Saturday, 2008-11-15, 3:49 Am | Message # 1
    Admin
    Group: Admin
    Messages: 690
    Status: Offline
    The following are codes / pattern for making a show and hide lays
    Just pls try to play with those
    Please be reminded not because codes are editable u may claim it yours
    all im asking in return is just retain the forum credits / author

    You are all free to use this... as long as u agreed with those mentioned lil demand ...

    wer using real logo and real footer here ...
    and knowing those two are outside the
    friendster table set up thus the position of such goes along with window size
    if u r freaky super perfectionist just add

    visibility: hidden! important ...
    dont hide it okie...
    specially the footer part...
    your page wont lengthen if you will hide it lol..

    Preview
    the preview is not good in IE... mind not about that
    it wont be like that in real fs once u applied it
    it will reposition in right track..
    Friendster has a bug when it comes to HTML preview

    instructions :
    hide first the boxes while editing ur css ...
    decide where u want it to appear

    edit one box at a time...

    unlike pure css with this pattern...
    only the choosen box we want to appear first will be remain visible
    the rest will be hidden temporarily

    look carefully with my css..


    save it as css

    now how we can show the boxes .. we will use js to call them...
    u may add some more js .. as long as its not conflicting


    save it as js...

    TakeNote:

    we wont be usingcss inject this time
    since compiling them with js causes
    IE browser to freezed..
    if u will notice some of my new lays
    i uses 2 file.. one for css and one for js..

    just use css linker for css file
    js linker for js file... vice versa

    the codes are so flexible...
    u can reposition the boxes anywhere u want..
    and have the show and hide boxes as many as u want..
    but be careful thou ... too much add ons...
    slow down the loading...
    so its more ideal to stick to minimal
    but unique.... design..

    if u want to share ur work as premade juz follow how i post my lays
    so ur work wont be ripped easily...

    eg:

    [/b]see i only expose the editable part

    reminder to all again :

    PLS. DONT REPOST THIS TUTORIAL IN ANY FORUM AND SITE...
    pls RETAIN THE CREDITS.... u may add but dont erase remove it ok ....

    thanks

    hapi tweaking

    link us back

    -switpotato-


    If U Have Any Query
    not related to LINKER issue..
    Please Use Forum Board
    Dont PM Me

     
    zii_02Date: Sunday, 2008-11-16, 4:24 Am | Message # 2
    Major
    Group: Friends
    Messages: 75
    Status: Offline
    thanks for the share ate switpotato.. smile
     
    switpotatoDate: Friday, 2009-03-27, 3:41 Pm | Message # 3
    Admin
    Group: Admin
    Messages: 690
    Status: Offline
    Post Updated...

    If U Have Any Query
    not related to LINKER issue..
    Please Use Forum Board
    Dont PM Me

     
    qUinEDate: Tuesday, 2009-05-12, 10:16 Am | Message # 4
    Private
    Group: Friends
    Messages: 4
    Status: Offline
    ..umm..hello again..juz wanted to ask where to save it as css and js..??..i don't know kasi eh..will you please teach me..?..please..please..
     
    switpotatoDate: Monday, 2009-07-27, 7:07 Am | Message # 5
    Admin
    Group: Admin
    Messages: 690
    Status: Offline
    ahhh.. wait i will update all my post ...
    give me some time to fix this..

    If U Have Any Query
    not related to LINKER issue..
    Please Use Forum Board
    Dont PM Me

     
    Layouts, Patterns and Tutorials » MoveOver Tutorials and Patterns » MoveOver Hide and Show Pattern and Tutorial » 2 Box Style - with GOOGLE ADS and Xtra Box (for Advance User)
    Page 1 of 11
    Search:

    Copyright MyCorp © 2009
    Site managed by uCoz system