|
   |
| 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 |
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) Added (2015-11-10, 2:21 AM) |
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.
|
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) Post edited by terminasyanarmen - Tuesday, 2015-11-10, 9:12 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.
|
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) Code background-size: contain Added (2015-11-20, 9:46 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 |
I'll have a look and get back to you.
| |||
| |||