Request: Layout options

You want a new feature? That's the place to talk about it.
hemotem
Posts: 2
Joined: Sat 4. Dec 2010, 19:39

Request: Layout options

Post 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
User avatar
Raimond
Administrator
Posts: 293
Joined: Sat 20. Nov 2010, 13:31
Contact:

Re: Request: Layout options

Post 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
hemotem
Posts: 2
Joined: Sat 4. Dec 2010, 19:39

Re: Request: Layout options

Post 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">
User avatar
Raimond
Administrator
Posts: 293
Joined: Sat 20. Nov 2010, 13:31
Contact:

Re: Request: Layout options

Post 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
User avatar
Hidders
Posts: 4
Joined: Wed 8. Dec 2010, 05:25
Contact:

Re: Request: Layout options

Post 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.
User avatar
Raimond
Administrator
Posts: 293
Joined: Sat 20. Nov 2010, 13:31
Contact:

Re: Request: Layout options

Post by Raimond »

Hey,

check the attached file(s).

Rai
Attachments
html layout.zip
(3.66 KiB) Downloaded 1912 times
User avatar
Hidders
Posts: 4
Joined: Wed 8. Dec 2010, 05:25
Contact:

Re: Request: Layout options

Post 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.
chaoz
Posts: 3
Joined: Thu 7. Jun 2012, 12:12

Re: Request: Layout options

Post 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
troyguffey
Posts: 23
Joined: Mon 24. Oct 2011, 21:01

Re: Request: Layout options

Post 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.
bahnannah
Posts: 43
Joined: Sat 9. Apr 2011, 20:58

Re: Request: Layout options

Post 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.
Post Reply