Posts by <M/>

Hmm.. so its best not to give any positions at all for the outer div?

well i've simply nested everything in a div tag and gave it this css (the wrapper is contained in the div tag)

#page {
    position: relative;
    overflow: auto;
    height:auto;
    }

A spinning bar could be a good solution :)

I created a page, it scrolls... but on the laptops (i was using the macbook pro) it scrolls, but it won't show the bottom portion of the page... any solutions?

You are creating a virus in that case?

I created a slider that slides left to right, but when i load the page, it takes a while for the image show up, does anyone know how to make images load quicker? Maybe make them smaller?

I pm you :)

Does anyone know how to make a left to right image sliders.... You know... those that slide left to right...!
Thanks!

I don't believe I am... Shall I send you the link through a pm? I don't wish for the site to be seen publicly just yet...

But thanks for responding :)

I was creating a page and I began to realize that I can't see the bottom of the site because I can't scroll down...

Can someone help me with that issue...

I will send you the link to the site...

What website...

This is interesting... i'll look into it :)

I'll update you if you figure out something :)

There are lots of books based on php... there are a lot of good ones and a lot of repetitive ones... Good ones are the For Dummies series, o'Reily series, WROX, and a few others.

Probably due to old version... try installing the new one

Is this for any cms in specific?
Joomla, Drupal, WP, etc.

Here is an example of what I mean: Click Here

The general look is different... do you see what i mean?

I've been researching and researching, but I can't figure it out.... Maybe this is a question to ask facebook themselves?

I don't recommend flash, so try learning jQuery...

What part's of the site's source code did you not get?

I wrote a slider that fades... but how do i get it to display randomly... but still fades :)

Thanks

Will post my code if needed!!!

yes... its possible.. i think you can just do it with css3 and html5 or html5 and css3

My code is here.... slider doesn't slide..

Jquery:

function slideSwitch() {
    var $active = $('#slideshow IMG.active');
    if ( $active.length == 0 ) $active = $('#slideshow IMG:last');
    var $next =  $active.next().length ? $active.next()
        : $('#slideshow IMG:first');
    $active.addClass('last-active');
    $next.css({opacity: 0.0})
        .addClass('active')
        .animate({opacity: 1.0}, 1000, function() {
            $active.removeClass('active last-active');
        });
}

HTML:

<div id="slideshow">                                                           
   <!--THE MAIN SLIDER DIV TAG-->
            <img src="img1.png" alt="Slideshow Image 1" class="active" />
            <img src="img2.png" alt="Slideshow Image 2"/>  
   <!-- END MAIN SLIDER DIV TAG -->
</div>

CSS:

 #slideshow {
        position:relative;
        height:408px;
        width: 1000px;
        z-index: 0;
        top: 5px;}
    #slideshow IMG {
        position:absolute;
        top:0;
        left:0;
        opacity:0.0;
        width: 1000px;
        overflow: hidden;
        z-index: 0;}
     #slideshow IMG.active {
        z-index:0;
        opacity:1.0;}
      #slideshow IMG.last-active {
         z-index:0;}

I didn't realize that i posted this following my other article :)...

I've done an effect like this using z-index manipulation with css... it was a couple of months ago... sorry i can't just give you the code...

But pritaeas is right... take site's source...

JorgeM and pawan768 is right, clear your cache, history, traces of cookies... there should be a button for each one :)

Wonder what your trying to hide in that computer ;)

Is there a possible way in customizing your personal facebook page? Not like a company page but your personal page?

Thanks

When something is free... it tends to be not as functional... unless you built it..

I think it was a mistake of me creating another article for this, but you can check it out right here:
Click Here

OK, i uploaded it, but I temporarily hid the multiple sliders so i only display 1, if i can figure out 1, could figure all 4...

I wrote this jquery slider for my main slider... it doesn't work... can someone tell me why?

Jquery:

function slideSwitch() {
    var $active = $('#slideshow IMG.active');
    if ( $active.length == 0 ) $active = $('#slideshow IMG:last');
    var $next =  $active.next().length ? $active.next()
        : $('#slideshow IMG:first');
    $active.addClass('last-active');
    $next.css({opacity: 0.0})
        .addClass('active')
        .animate({opacity: 1.0}, 1000, function() {
            $active.removeClass('active last-active');
        });
}

CSS:

   #slideshow {
        position:relative;
        height:408px;
        width: 1000px;
        z-index: 0;
        top: 5px;}

    #slideshow IMG {
        position:absolute;
        top:0;
        left:0;
        opacity:0.0;
        width: 1000px;
        overflow: hidden;
        z-index: 0;}

     #slideshow IMG.active {
        z-index:0;
        opacity:1.0;}

      #slideshow IMG.last-active {
         z-index:0;}

HTML:

<div id="slideshow">                                                           
   <!--THE MAIN SLIDER DIV TAG-->
            <img src="img1.png" alt="Slideshow Image 1" class="active" />
            <img src="img2.png" alt="Slideshow Image 2"/>  
   <!-- END MAIN SLIDER DIV TAG -->
</div>

Don't worry guys, i fixed the tabbed menu issue... :)

It was an issue of the browser not detecting my jquery file!

Thanks you guys!

Sorry pritaeas... but i don't want people to see the link...., i never tested in opera yet....

I do use fire bug, and i noticed that it says the .js file is missing... how do i fix that... do i upload it?

I'll try out your soliotion JorgeM!

Are you hand coding this? or relying on something else?

Sorry you guys for not responding... completely my fault for not being on the computer this last couple of days...

I will pm you guys the link to the site so you can see what i mean...

Sorry guys for not responding soon enough, i wasn't never my computers the last couple of days... i will pm my site so you can look at what i mean :)

Well, actually I came up to another problem -_-.... the tabs don't switch on my web page... want me to send you the link so you can see?

I will give you an arrow up just because :)

Sorry for not responding soon enough, but i fixed the issue... it was due to a duplicate of a style.... :)

Thanks for responding though :)

Anything that is the opposite of my mood :)

Yeah i guess matrix counts... or how about gamer... not sure if that counts

make it memorable and very nice... remember... your logo is the ribbon on a present :)

I really don't know any movie like that other than social network...

I created a tabbed menu and the menu tabs won't align to the left plus they don't "transition" properly... can someone tell me why?

I will post my code if needed :)

ok so currently i changed how i did it, and it doesn't slide on browser but it slides on D.W. preview... shall i post my code so you can see?

I changed the names of slideSwitch... it doesn't work... :(

nice job pritaeas, you got exactly 6500 posts :)

oh ok, let me try that :)

I know this maybe a stupid question... but how do you rename the slideSwitch functions?

This is my code as of so far...

HTML:

<div id="main_thumb_command">
<div id="main_thumb_control">               
<div id="thumb1_control">
                                                <div id="thumb_1">
             <a href="#"><img src="1-1.jpeg" alt="Slideshow Image 1" class="active" width="140" heigt="90" /></a> 

             <a href="#"><img src="1-2.jpeg" alt="Slideshow Image 2" width="140" heigt="90"/></a>
             <a href="#"><img src="1-3.jpeg" alt="Slideshow Image 3" width="140" heigt="90"/></a>
             <a href="#"><img src="1-4.jpeg" alt="Slideshow Image 4" class="active" width="140" heigt="90" /></a>
             <a href="#"><img src="1-5.jpg" alt="Slideshow Image 5" class="active" width="140" heigt="90" /></a>
                                                </div>
</div>

                           <div id="thumb2_control">
        <div id="thumb_2">
            <a href="#"><img src="2-1.jpeg" alt="Slideshow Image 1" class="active" width="140" heigt="90" /></a> 
            <a href="#"><img src="2-2.jpeg" alt="Slideshow Image 2" width="140" heigt="90"/></a>
            <a href="#"><img src="2-3.jpeg" alt="Slideshow Image 3" width="140" heigt="90"/></a>
            <a href="#"><img src="2-4.jpeg" alt="Slideshow Image 4" width="140" heigt="90"/></a>
            <a href="#"><img src="2-5.jpeg" alt="Slideshow Image 5" width="140" heigt="90"/></a>
        </div>
</div>

        <div id="thumb3_control">
<div id="thumb_3">
            <a href="#"><img src="3-1.jpeg" alt="Slideshow Image 1" class="active" width="140" heigt="90" /></a>
            <a href="#"><img src="3-2.jpeg" alt="Slideshow Image 2" width="140" heigt="90"/></a>
            <a href="#"><img src="3-3.jpeg" alt="Slideshow Image 3" width="140" heigt="90"/></a>
            <a href="#"><img src="3-4.jpeg" alt="Slideshow Image 4" width="140" heigt="90"/></a>
            <a href="#"><img src="3-5.jpeg" alt="Slideshow Image 5" width="140" heigt="90"/></a>

        </div>   
      </div>
</div>
</div>

CSS

#main_thumb_control {
    width: 506px;
    height: 170px;
    position: absolute;
    font-size: 15px;
    background-image:url(background.png');
    z-index: 15;
    left: 480px;
    top: 36px;
    color: #FFF;
    text-align: center;
    }
#main_thumb_command {
    margin: 0 auto;
    width: 1000px;
    position: absolute;
    z-index: 11;
    top: 275px;
    height: 200px;
    }



#thumb3_control {
    z-index: 76;
    position: absolute;
    width: 165px;
    height: 100px;
    left: 352px;
    top: 41px;
    }


#thumb_3 {
    position:absolute;
    height:90px;
    width: 140px;
        z-index:70;
    top: 0px;

}

#thumb_3 IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:78;
    opacity:0.0;
}

#thumb_3 IMG.active {
    z-index:80;
    opacity:1.0;
}

#thumb_3 IMG.last-active {
    z-index:79;}






#thumb1_control …

ok so I begin analyze my code before i post it, and i realized it sucked... are you able to write a snippet of jquery code for me on how to do it or at least a tutorial/reference... thanks for the quick response :)

create 2 boxes using div tags... then style them :)