Page 1 of 2

Request: Layout options

Posted: Sat 4. Dec 2010, 20:02
by hemotem
One of the things I love about the new downloader is the header page but I would love to be able to customize it.
Some Examples would be to change the text and background colors, add different things like if the story is complete or not and last updated and a few things like that I do these things manually anyways now but to have the ability to change a cfg file or something similar would be a great addition.
As I save most if not all my stories as HTML that would be the most I could ask for at this time hehe.

I also want to thank you for a great piece of work you have done with this program.


Hemotem

Re: Request: Layout options

Posted: Sun 5. Dec 2010, 13:52
by Raimond
Hi Hemotem,

all availabe information are displayed on the first page, so config file wouldn't help you.
I'll write your suggestions down.

- background color: possible
- last update: possible
- status: possible
- text color: Is there a command to change the textcolor for the whole document?

Rai

Re: Request: Layout options

Posted: Tue 7. Dec 2010, 00:51
by hemotem
Raimond wrote: - text color: Is there a command to change the textcolor for the whole document?

Rai
the command is with the body tag mine reads something like this <BODY BGCOLOR ="BLACK" TEXT ="SLATEBLUE" LINK ="PURPLE" VLINK ="ORANGE">

Re: Request: Layout options

Posted: Tue 7. Dec 2010, 19:44
by Raimond
Ahh, yes. It's been a long time since I worked with HTML.

I could also include CSS - if someone tells me what to do.
The actual html layout looks like;

Code: Select all

<html>
	<head>
		<META HTTP-EQUIV='Content-Type' CONTENT='text/html; charset=UTF-8'>
		<title>AUTHORNAME: STORYTITLE</title>
	</head>
	<body>
		<br><br>		<div style="text-align:center"><h1>STORYTITLE</h1></div><br><br>
		<b>Story:</b> STORYTITLE<br>
		<b>Storylink:</b> <a href="LINK_TO_STORY">LINK_TO_STORY</a><br>
		<b>Author:</b> AUTHORNAME<br>
		<b>Last updated:</b> DATE_OF_LAST UPDATE<br>
		<b>Content:</b> Chapter 1 to 2 of 35 chapters<br>
		<b>Source:</b> NAME_OF_THE_SOURCEWEBSITE<br><br>
		<b>Summary:</b> SUMMARY_SUMMARY_SUMMARY_SUMMARY_SUMMARY_SUMMARY_SUMMARY_SUMMARY..
		<h2 class=chapterffdl>*Chapter 1*: NAME_OF_THE_CHAPTER</h2>
		<p>CHAPTERTEXT</p>

		<h2 class=chapterffdl>*Chapter 2*: NAME_OF_THE_CHAPTER</h2>
		<p>CHAPTERTEXT</p>
		
		<h2 class=chapterffdl>*Chapter 3*: NAME_OF_THE_CHAPTER</h2>
		<p>CHAPTERTEXT</p>

	</body>
</html>
If someone likes to include a css template: You write the CSS thing and I'll include it.

Raimond

Re: Request: Layout options

Posted: Wed 8. Dec 2010, 09:29
by Hidders
Alrighty, here you go. Real simple and easy to edit.

Code: Select all

/* Cleaned CSS: */

    body {
        background: #FFFFFF;
        color: #000000;
        font-family: "Verdana", sans-serif;
        font-size: 12px;
        margin: 50px;
        }
    a, a:link {
        color: #0000FF;
        text-decoration: none;
        }
    a, a:visited {
        color: #800000;
        text-decoration: none;
        }
    a:hover {
        color: #FF0000;
        text-decoration: underline;
        }
Download the CSS.

It's pretty default: white background, black font, blue active links, dark red visited links, and underlined red hover links.
-- That is the current colors.

Between </head> and <body> put this: <link rel=StyleSheet href="default.css" type="text/css">. And put the .css in the program folder.

Your HTML template is embedded into the program, right? Or is it snagging it from online? I imagine it should work if the HTML is included in the program. If it doesn't work then you might have to include it to your HTML's code which won't allow it to really be editable. Anyway, I have the code for that too.

Code: Select all

<html>
   <head>
      <META HTTP-EQUIV='Content-Type' CONTENT='text/html; charset=UTF-8'>
      <title>AUTHORNAME: STORYTITLE</title>
   </head>

<style type="text/css">
/* Cleaned CSS: */
    body {
        background: #FFFFFF;
        color: #000000;
        font-family: "Verdana", sans-serif;
        font-size: 12px;
        margin: 50px;
        }
    a, a:link {
        color: #0000FF;
        text-decoration: none;
        }
    a, a:visited {
        color: #800000;
        text-decoration: none;
        }
    a:hover {
        color: #FF0000;
        text-decoration: underline;
        }
</style>

   <body>
      <br><br>
      <div style="text-align:center"><h1>STORYTITLE</h1></div><br><br>
      <b>Story:</b> STORYTITLE<br>
      <b>Storylink:</b> <a href="LINK_TO_STORY">LINK_TO_STORY</a><br>
      <b>Author:</b> AUTHORNAME<br>
      <b>Last updated:</b> DATE_OF_LAST UPDATE<br>
      <b>Content:</b> Chapter 1 to 2 of 35 chapters<br>
      <b>Source:</b> NAME_OF_THE_SOURCEWEBSITE<br><br>
      <b>Summary:</b> SUMMARY_SUMMARY_SUMMARY_SUMMARY_SUMMARY_SUMMARY_SUMMARY_SUMMARY..

      <h2 class=chapterffdl>*Chapter 1*: NAME_OF_THE_CHAPTER</h2>
      <p>CHAPTERTEXT</p>

      <h2 class=chapterffdl>*Chapter 2*: NAME_OF_THE_CHAPTER</h2>
      <p>CHAPTERTEXT</p>
      
      <h2 class=chapterffdl>*Chapter 3*: NAME_OF_THE_CHAPTER</h2>
      <p>CHAPTERTEXT</p>

   </body>
</html>
Hopefully that helps, I'm not exactly code-savvy.

Re: Request: Layout options

Posted: Mon 27. Dec 2010, 00:11
by Raimond
Hey,

check the attached file(s).

Rai

Re: Request: Layout options

Posted: Mon 27. Dec 2010, 16:29
by Hidders
Better. I like the added coding on the previous chapter/index/next chapter menu, looks much better spaced out.

Only one problem though: The chapters are HTML and the index is HTM, so clicking on the index button on a chapter page results in an error.

Re: Request: Layout options

Posted: Sat 29. Sep 2012, 13:25
by chaoz
Hi Rai, Hi other board users,
I tried following your lines of thought in this threat but I'm hesitant to simply try it and possibly muck up the ffd - in case you were discussing something else entirely.

My aim is to change the output font of the .pdf to something with serifs. The .pdfs are created by converting a previously downloaded .html, right? So to change the font I'd need to edit the .css accordingly and replace the current layout.html with an index.html from the zip archive? Is there anything else I need to do or pay attention to?

thanks in advance

edit: I tried several small changes on the layout.html but it didn't do anything. I'm using the current 0.6.7. version on Win 7

Re: Request: Layout options

Posted: Mon 29. Apr 2013, 01:35
by troyguffey
I'd argue against using CSS. I like to use a very simple old browser called OffByOne to save memory and resources, and it cannot use CSS formatting that I'm aware of. I'd like the HTML formatting to remain very simple, so that it's easy to load it into a text editor and change things by hand.

Re: Request: Layout options

Posted: Sun 30. Aug 2015, 14:13
by bahnannah
we used to be able to go into the layout file and edit it. i don't see one anymore. my problem is purely aesthetic. it shows chapters as *Chapter XYZ*: Chapter XYZ and I'd like to eliminate the double name. If I could figure out the regex search function I would do it manually in Sigil but I can't and doing it individually is a pain when the stories have 60+ chapters.

if anyone wants to tell me the function in regex then that's good enough.