Page 1 of 11
Forum moderator: bigblog 
uCoz Community » For Webmasters » Design Customization » Template 1075 is cool and all but there are two issues
Template 1075 is cool and all but there are two issues
terminasyanarmen
Posts: 20
Reputation: 0

Message # 1 | 2:21 AM
Here's a demo of a site I'm working on.
http://testaddress01.ucoz.com/

There are two issues.
1) As you can see, the top header photo is scaled slightly in the vertical axis, and is scaled as the page is resized? How can it be disabled (scaling only in one axis)?

2) When viewed from mobile phone , the page links on the header are not visible, just a "3 horizontal line" button on their place which usually when clicked on other websites lists available pages. I don't mind disabling it and just showing a desktop version of the site on mobile phones, as long as the pages can be accessed somehow. otherwise, the template is unusable to be viewed from mobile phone.

3) last issue I have is likely a mistake on my end, but the social buttons I've added on the right side don't show up except odnoklassniki, Any ideas why?

Added (2015-11-06, 1:07 AM)
---------------------------------------------
Oh forgot,

4) When I remove logo text to have a graphic there instead, how can I still have a clickable area which takes my to the homepage?

Added (2015-11-10, 2:21 AM)
---------------------------------------------
bump

Sunny
Posts: 9296
Reputation: 456

Message # 2 | 4:17 PM
1) Which one do you want to disable? In any case, the background properties are set by the background-size property in the website's CSS:

Code
.header {
    width: 100%;
    min-height: 228px;
    text-align: center;
    background: url('/.s/t/1075/header.jpg') no-repeat 50% 0;    
    -webkit-background-size: 1600px 100%;
    -moz-background-size: 1600px 100%;
    -o-background-size: 1600px 100%;
    background-size: 1600px 100%;
    position: relative;


Please see the info on it at http://www.w3schools.com/cssref/css3_pr_background-size.asp

2) In the default template 1075 the "3 line" buttonshows the pages when you click on it. In the modified template on your website it doesn't work, please make sure you didn't mess up the code when editing the template.

3) I can see the following social buttons on your website: http://screencast.com/t/cZrmDY2F0Sj So, I assume you fixed the issue?

4) This can be done with the area tag http://www.w3schools.com/tags/tag_area.asp or you can replace the logo text with a clickable transparent image.

I'm not active on the forum anymore. Please contact other forum staff.
terminasyanarmen
Posts: 20
Reputation: 0

Message # 3 | 1:23 PM
Quote Sunny ()
1) Which one do you want to disable?

I just want to keep the proportions of the header image as the page is zoomed in/out.
You can easily see how the circular logo is turned into an oval.
Here's the image:
http://testaddress01.ucoz.com/header.jpg
and here's how it looks (straetched vertically):
http://i.imgur.com/B19xXLc.png
No idea how to prevent it, no code line sounds like it would be related to the issue.

Quote
2) In the default template 1075 the "3 line" buttonshows the pages when you click on it. In the modified template on your website it doesn't work, please make sure you didn't mess up the code when editing the template.

It didnt work before I made any changes as well :(

Quote
3) I can see the following social buttons on your website: http://screencast.com/t/cZrmDY2F0Sj So, I assume you fixed the issue?

I was sure I had disabled adblocker on ucoz, but I hadnt. That was the issue for some reason.

Quote
4) This can be done with the area tag http://www.w3schools.com/tags/tag_area.asp or you can replace the logo text with a clickable transparent image.

how exactly?

Added (2015-11-12, 1:23 PM)
---------------------------------------------
Hello?

I tried different properties of background-size. Some fix the wrong aspect ration of the image, but mess up the positions of the main buttons (in top-middle).

Also, I didnt understand how to use the area tag.
Please help.

Post edited by terminasyanarmen - Tuesday, 2015-11-10, 9:12 PM
Sunny
Posts: 9296
Reputation: 456

Message # 4 | 3:11 PM
terminasyanarmen, I'm afraid the uCoz support staff duties does not include help with custom design modifications, though we are trying to help at least with some general tips. I would recommend reading some HTML and CSS guides.
I'm not active on the forum anymore. Please contact other forum staff.
terminasyanarmen
Posts: 20
Reputation: 0

Message # 5 | 9:46 PM
The section is called "design customization", which is what I'm asking help with. Your duties does not include anything, but this is an internet forum, you can help if you want to.

To add to the above, the "3 line" button just doesn't work even with the stock template. I can reset everything so you could see for yourself. You don't need to check on mobile device, just by scaling the browser window to very small size shows pressing it doesnt do anything.

Also, I think not wanting the header image scaling non-uniformly is a very common thing to need, so doing it I'd consider a general tip. Unless the header image file does not contain any logo/text the default scaling setting is useless.

Added (2015-11-14, 1:02 PM)
---------------------------------------------
I was able to keep the header image proportions with

Code
background-size: contain
however, I cant get vert_menu to remain in the bottom-middle part of it anymore.

Added (2015-11-20, 9:46 PM)
---------------------------------------------
bump

martimarti
Posts: 2
Reputation: 0

Message # 6 | 10:15 PM
Hey guys,

I have few issues with this template:

1. My text doesn't stretch to the entire page even with justify
2. I don't know how to change the default colour/img of the template. For example, instead of the original top part which is some colors, I want to put a picture

Thank you very much in advance.

Best Regards,
Martin
Paradox
Posts: 3276
Reputation: 145

Message # 7 | 10:34 AM
martimarti, could you please provide a website URL? smile I'll have a look and get back to you.
Developer, Designer, Communicator.
Been here for 6 years and counting.
Visit me at alexmoloney.me.
uCoz Community » For Webmasters » Design Customization » Template 1075 is cool and all but there are two issues
Page 1 of 11
Search: