Forums / All Other Contributions/Addons / Homepage Layout with CSS3 Hover Effects - 8 Variations

Homepage Layout with CSS3 Hover Effects - 8 Variations

Views: 13,120

Results 21 to 40 of 86
13 Jan 2013, 7:14 PM
#21
mona98 avatar

mona98

New Zenner

Join Date:
Jan 2013
Posts:
11
Plugin Contributions:
0

Homepage Layout with CSS3 Hover Effects - 8 Variations

picaflor-azul:

I am getting a down for maintenance site that doesn't look like your screen shots?

Thanks,

Anne

Sorry about that forgot to take site out of maintenance mode.

Thanks

13 Jan 2013, 9:04 PM
#23
mona98 avatar

mona98

New Zenner

Join Date:
Jan 2013
Posts:
11
Plugin Contributions:
0

Re: Homepage Layout with CSS3 Hover Effects - 8 Variations

picaflor-azul:

Add this to your index_home.css file:

#moduleMenu-wrapper{display:none;}

> 
> Thanks,
> 
> Anne

Thanks, I have added the code to the index_home.css file. It removed the box just above the footer menu but the partial page is still there. There is no space between the footer and the homepage layout like here in the screenshot. Attachment 11753 

Thanks
14 Jan 2013, 1:41 PM
#24
picaflor_azul avatar

picaflor_azul

Totally Zenned

Join Date:
Jul 2009
Location:
picaflor-azul.com
Posts:
6,940
Plugin Contributions:
28

Re: Homepage Layout with CSS3 Hover Effects - 8 Variations

mona98:

Thanks, I have added the code to the index_home.css file. It removed the box just above the footer menu but the partial page is still there. There is no space between the footer and the homepage layout like here in the screenshot. Attachment 11753

Thanks

You will have to adjust the position of the slide show to your liking using css.

Thanks,

Anne

14 Jan 2013, 2:03 PM
#25
mona98 avatar

mona98

New Zenner

Join Date:
Jan 2013
Posts:
11
Plugin Contributions:
0

Re: Homepage Layout with CSS3 Hover Effects - 8 Variations

picaflor-azul:

You will have to adjust the position of the slide show to your liking using css.

Thanks,

Anne

Thanks Anne,

I am very new to all this and would really love to get it right. I saw your demo and thought it was VERY NICE. Is there a way you could tell me how to style it like your demo using css?

Thanks again

18 Jan 2013, 2:20 AM
#26
mona98 avatar

mona98

New Zenner

Join Date:
Jan 2013
Posts:
11
Plugin Contributions:
0

Re: Homepage Layout with CSS3 Hover Effects - 8 Variations

mona98:

Thanks Anne,

I am very new to all this and would really love to get it right. I saw your demo and thought it was VERY NICE. Is there a way you could tell me how to style it like your demo using css?

Thanks again

Still no luck :dontgetit sure would of loved to use this awesome plugin but some of us just aren't as educated as others with this coding and stuff. Seems like I will just have to keep learning as I go and maybe I will get this types of things down the line but for now I'm lost lol. I must admit though it gets a little tough when everything you know about coding is self taught. :wacko:

18 Jan 2013, 4:44 PM
#27
picaflor_azul avatar

picaflor_azul

Totally Zenned

Join Date:
Jul 2009
Location:
picaflor-azul.com
Posts:
6,940
Plugin Contributions:
28

Re: Homepage Layout with CSS3 Hover Effects - 8 Variations

mona98:

Still no luck :dontgetit sure would of loved to use this awesome plugin but some of us just aren't as educated as others with this coding and stuff. Seems like I will just have to keep learning as I go and maybe I will get this types of things down the line but for now I'm lost lol. I must admit though it gets a little tough when everything you know about coding is self taught. :wacko:

I would strongly recommend using firefox and installing the firebug web developers tool. With this tool you can see all of the stylesheets used in the demo. I also recommend the css tutorials over at the w3c schools website.

Thanks,

Anne

18 Jan 2013, 9:06 PM
#28
mona98 avatar

mona98

New Zenner

Join Date:
Jan 2013
Posts:
11
Plugin Contributions:
0

Re: Homepage Layout with CSS3 Hover Effects - 8 Variations

picaflor-azul:

I would strongly recommend using firefox and installing the firebug web developers tool. With this tool you can see all of the stylesheets used in the demo. I also recommend the css tutorials over at the w3c schools website.

Thanks,

Anne

Thanks a bunch! :cool:

6 Feb 2013, 9:15 PM
#29
carousel1 avatar

carousel1

New Zenner

Join Date:
Feb 2013
Posts:
51
Plugin Contributions:
0

Re: Homepage Layout with CSS3 Hover Effects - 8 Variations

hi dear,
I need your help which i just uploaded the theme but it doesn't work properly, see the link https://www.carousel301.com
thanks.

7 Feb 2013, 4:03 PM
#30
picaflor_azul avatar

picaflor_azul

Totally Zenned

Join Date:
Jul 2009
Location:
picaflor-azul.com
Posts:
6,940
Plugin Contributions:
28

Re: Homepage Layout with CSS3 Hover Effects - 8 Variations

carousel1:

hi dear,
I need your help which i just uploaded the theme but it doesn't work properly, see the link https://www.carousel301.com
thanks.

You should post questions about the Glasgow Neat template to it's support thread.

There is no problem with the template. For help with fixing a blank page or partial blank page see the FAQ's section of this site.

Thanks,

Anne

7 Feb 2013, 9:09 PM
#31
carousel1 avatar

carousel1

New Zenner

Join Date:
Feb 2013
Posts:
51
Plugin Contributions:
0

Re: Homepage Layout with CSS3 Hover Effects - 8 Variations

picaflor-azul:

You should post questions about the Glasgow Neat template to it's support thread.

There is no problem with the template. For help with fixing a blank page or partial blank page see the FAQ's section of this site.

Thanks,

Anne

hi Anne,
i am using a 1.3.8 template then try to install the Homepage layout but why my website can't show it out? i guess i might did something wrong but just don't know which part got problem....???

7 Feb 2013, 10:26 PM
#32
picaflor_azul avatar

picaflor_azul

Totally Zenned

Join Date:
Jul 2009
Location:
picaflor-azul.com
Posts:
6,940
Plugin Contributions:
28

Re: Homepage Layout with CSS3 Hover Effects - 8 Variations

carousel1:

hi Anne,
i am using a 1.3.8 template then try to install the Homepage layout but why my website can't show it out? i guess i might did something wrong but just don't know which part got problem....???

Did you read the installation instructions in the readme.html file? There is a manual edit.

Thanks,

Anne

15 Feb 2013, 9:37 AM
#33
koolwal avatar

koolwal

New Zenner

Join Date:
Feb 2013
Posts:
5
Plugin Contributions:
0

Re: Homepage Layout with CSS3 Hover Effects - 8 Variations

mona98:

Hello,
Thanks for the reply. I am using the piccadilly posh template. I have tried removing everything from define main page and still no luck :( I can't seem to figure this one out. For some reason its like my original main page is still there, just to the bottom of the homepage layout.

Hi, I am using preston_elite template and i upload Homepage Layout with CSS3 Hover Effects - 8 Variations style 1 include folder through FTP on my server. I found in include/template/ there are one more folder name your_template is available. please someone intimate to me in which folder i have to upload my images in Preston_elite or in your_template folder?

Please help me

Thanks.

Rajesh Verma

15 Feb 2013, 9:38 AM
#34
koolwal avatar

koolwal

New Zenner

Join Date:
Feb 2013
Posts:
5
Plugin Contributions:
0

Re: Homepage Layout with CSS3 Hover Effects - 8 Variations

Hi, I am using preston_elite template and i upload Homepage Layout with CSS3 Hover Effects - 8 Variations style 1 include folder through FTP on my server. I found in include/template/ there are one more folder name your_template is available. please someone intimate to me in which folder i have to upload my images in Preston_elite or in your_template folder?

Please help me

Thanks.

Rajesh Verma

15 Feb 2013, 4:57 PM
#35
picaflor_azul avatar

picaflor_azul

Totally Zenned

Join Date:
Jul 2009
Location:
picaflor-azul.com
Posts:
6,940
Plugin Contributions:
28

Re: Homepage Layout with CSS3 Hover Effects - 8 Variations

koolwal:

Hi, I am using preston_elite template and i upload Homepage Layout with CSS3 Hover Effects - 8 Variations style 1 include folder through FTP on my server. I found in include/template/ there are one more folder name your_template is available. please someone intimate to me in which folder i have to upload my images in Preston_elite or in your_template folder?

Please help me

Thanks.

Rajesh Verma

If you read the readme.html file included with the module package you will find the answer.

Thanks,

Anne

17 Feb 2013, 6:44 PM
#36
coffeebean2009 avatar

coffeebean2009

New Zenner

Join Date:
Dec 2012
Posts:
9
Plugin Contributions:
0

Re: Homepage Layout with CSS3 Hover Effects - 8 Variations

If you wanted to change the the ribbon border, how would you go about doing that?

I want no sideboxes on the homepage, but I need them on everywhere else.

I am also using Variation 5.

http://storedemo.hillbillyanns.com

17 Feb 2013, 11:14 PM
#37
picaflor_azul avatar

picaflor_azul

Totally Zenned

Join Date:
Jul 2009
Location:
picaflor-azul.com
Posts:
6,940
Plugin Contributions:
28

Re: Homepage Layout with CSS3 Hover Effects - 8 Variations

coffeebean2009:

If you wanted to change the the ribbon border, how would you go about doing that?

I want no sideboxes on the homepage, but I need them on everywhere else.

I am also using Variation 5.

http://storedemo.hillbillyanns.com

Do you mean the border color around each of the images? If so, you can change this in the stylesheet_hover_effects_all.css:

.view1 {
    background: url("../images/bgimg1.jpg") no-repeat scroll center center #FFFFFD;
    border: 10px solid #your border color;
    box-shadow: 1px 1px 2px #E6E6E6;
    cursor: default;
    float: left;
    margin: 10px;
    overflow: hidden;
    position: relative;
    text-align: center;
}

If you do a search of the FAQ's section on this site you will see a tutorial about how to turn off the left and/or right hand column on the home page only.

Thanks,

Anne

18 Feb 2013, 11:05 PM
#38
mrbillinny avatar

mrbillinny

New Zenner

Join Date:
Sep 2009
Posts:
10
Plugin Contributions:
0

Re: Homepage Layout with CSS3 Hover Effects - 8 Variations

I,m using 1.5.1 and can't get this one to work, leaves most of the main page as it was before uploading the mod. The full header, all side boxes and quite a bit below the mod section. I created a new test site at https://www.appletowne.com for viewing. Using the default template.

18 Feb 2013, 11:13 PM
#39
coffeebean2009 avatar

coffeebean2009

New Zenner

Join Date:
Dec 2012
Posts:
9
Plugin Contributions:
0

Re: Homepage Layout with CSS3 Hover Effects - 8 Variations

I was just trying to combine the two together so the site looks seamless.

Where I uploaded the Bristol background and header menu background images took over, that is basically how I wanted it with a few modifications.

I do not want the ribbon header and footer link background on the Hompage, I instead wanted the others like Bristol Lace template. I was wanting to know where the ribbon link background is located?

On the Homepage footer, is there anyway to make that background the same on as the Bristol header.

When I did add the templates together it made the Home, Log In, Account, Currenty, and all that go under the link background. Do you know how to fix any of these?

Attachment 11961Attachment 11962