-
1. Re: I want to create a new customized screen layout for responsive HTML5 output. I don't want to use the ones present in the gallery. What are the steps to do so?
Peter Grainge Aug 7, 2014 12:03 AM (in response to prologicfirst)Willam is really the person to answer this but he is unavailable right now. I know his previous responses are along the lines that you will need very advanced knowledge of CSS3 and HTML5 and that it is a very time consuming task.
It might help if you give some idea of how the layouts do not meet your requirements.
See www.grainge.org for RoboHelp and Authoring tips
-
2. Re: I want to create a new customized screen layout for responsive HTML5 output. I don't want to use the ones present in the gallery. What are the steps to do so?
prologicfirst Aug 7, 2014 12:20 AM (in response to Peter Grainge)Thanks Peter for your response.
I am using the Theme1_standard layout for a responsive HTML 5 output. I am unable to customize this layout to a large extent.
1. the project title should have multiple colors. This does not happen.
2. to overcome point 1, i decided just to use the logo of my product. The logo is too small for it to be visible properly. I cannot re size the logo. The header area should be broader than the current size.
3. I want the function bar to be narrower, like a thin strip of band. this again is not possible.
4. I want to set the text color of the TOC topics. Again this does not happen. Also, the text color to change when the mouse cursor is over a topic.
These are few of the constraints because of which I need to create my own layout.
-
3. Re: I want to create a new customized screen layout for responsive HTML5 output. I don't want to use the ones present in the gallery. What are the steps to do so?
Peter Grainge Aug 7, 2014 4:24 AM (in response to prologicfirst)- That would require inline formatting and I doubt that is an option.
- If I am following you, the header area is full width of the screen so I cannot see how it can be broader, Perhaps you mean deeper? A screenshot might help here. The change would be made in the layout.css file.
- That would be a change in the layout.css.
- I suspect that too is controlled by the layout.css.
To make the changes you would have to go into the layout.css and modify that. As you will see, it is a very complex CSS and that is why I said creating you own layout is not easy. Hopefully when Willam is available again, he may be able to give you some more specific information.
I think Willam will confirm that if you cannot read the existing CSS to make those changes, then creating your own skin would be beyond your capabilities. Please do not take any offence there, I am simply emphasising how complex a task it is to create a skin from scratch. It's not one I would take on.
See www.grainge.org for RoboHelp and Authoring tips
-
4. Re: I want to create a new customized screen layout for responsive HTML5 output. I don't want to use the ones present in the gallery. What are the steps to do so?
Willam van Weelden Aug 11, 2014 12:40 AM (in response to prologicfirst)Hi,
As Peter already mentioned, changing this is somewhat complicated.
1. I don't get the multiple colours part. What do you want to achieve? This would require changing the HTML of the layout to add the title you want with the correct colour. Now, the system just takes the project's title and adds that.
2. The size of the logo is defined in the css of the layout. There is a specific width for every device.You will need to change the td.logo definition.
3. If by function bar you mean the bar holding the print button etc, you need to change this in the layout.css. You will also need to change the corresponding definition for the sidebar tabs or the layout will look off.
4. You can set the text colour by defining a text colour for the body in your topic css. If you enable the 'Limit scope..' option in the SSL settings, the topic text colour will take the colour set in the topic css.
Option 2 and 3 will require quite a bit of tinkering. The problem is that changing these things is quite complicated an will take time to get right. This is precisely the reason I offer consulting on HTML5. You can contact me at contact [at] wvanweelden [dot] eu if you're interested.
Kind regards,
Willam
-
5. Re: I want to create a new customized screen layout for responsive HTML5 output. I don't want to use the ones present in the gallery. What are the steps to do so?
prologicfirst Aug 11, 2014 9:35 PM (in response to Willam van Weelden)Thanks William for your response.



