Image rotator in the header

  • Tamas

    #7134

    Hi again!

    How could I put an image-rotator in the header area?

    So, there would be a series of pictures in a folder and they would change automatically while the visitor is on the page.

    Thanks,

    Tamás

    Admin

    Syahir Hakim

    #37078

    Try using the Cimy Header Image Rotator, or any other slideshow plugin like Meteor Slides. Then, position those rotating images into the header by using one of Graphene’s action hook widget areas. You’ll need to add some CSS to position it exactly.

    Tamas

    #37079

    Wowww! Thanks, Syahir!

    It is great!

    This is where I use it:

    MNGii.com

    (User name is “Nagy”, Password is “Gery” – as it is juts being created…)

    May I have some further questions?

    – I would like to remove the normal header image… and just have this rotator. How do I do this?

    – Your header image is so niceliy styled and fits in the design. How can this rotator be displayed the same wondeful way?

    Thanks a lot!

    (I am giving a new donation to you, as I did it already earlier!)

    Greetings,

    Tamás from Hungary, Budapest

    Admin

    Syahir Hakim

    #37080

    Try using the graphene_header action hook widget area. The rotating image will then be placed inside the header area.

    To remove the theme’s header image, add this to Custom CSS or child theme’s stylesheet:

    .header-img {
    display: none;
    }

    Tamas

    #37081

    Syahir! This is just amazing!

    I love it!

    I have put the rotator into the graphene_header action hook widget area – as you have suggested! And have put the CSS, as well…

    GREAT!

    It is nearly ready. 🙂

    However, one thing… the corners… they were nicely rounded in the header image… How may it be with the rotated images, as well… These nice round corners… 🙂

    Thanks again and again!

    Tamás

    Admin

    Syahir Hakim

    #37082
    #cimy_div_id_0 {
    margin: 0 !important;
    }
    #container {
    margin-top: 30px;
    }

    Graphene header does not have rounded corners. Do you mean the green curves inside your rotating header images?

    Anonymous

    #37083

    Inside youre code in text widget there is a CSS code. Try to adjust it to your needs, for example:

    #cimy_div_id_0 {
    border: 0 solid #000000;
    border-radius: 10px 10px 10px 10px;
    float: left;
    height: 350px;
    margin: 5px 0 5px 5px;
    width: 950px;
    }

    Although, border-radius property is not supported in IE8.

    Tamas

    #37084
    #cimy_div_id_0 {
    margin: 0 !important;
    }
    #container {
    margin-top: 30px;
    }

    Oh, yes! Thanks again, Syahir!

    Yes, this is what I wanted to have!

    Looks good, I think. 🙂

    Thanks, Luko!

    The above one resolved my question!

    Greetings,

    Tamás

Viewing 8 posts - 1 through 8 (of 8 total)

  • You must be logged in to reply to this topic.
Graphene Themes Forum