SpongeRob~ (bertho) wrote in customization, @ 2003-01-21 12:19:00

GLOBAL_HEAD Merging
While overrides are quick and easy ways to override certain aspects of your journal's style, it's important to note that you can only have one override for each variable (such as GLOBAL_HEAD), so if you have more than one thing you want to do, it's necessary to merge the two, or more, together into one override. As an example, say you have a background override in place and want to also change the font of your journal. The example code for both separately is below.

GLOBAL_HEAD<=
<style type="text/css">
<!--
body {
background-image: url("http://www.yourimagehost.com/user/background.gif") !important;
background-attachment: fixed !important;
}
-->
</style>
<=GLOBAL_HEAD

GLOBAL_HEAD<=
<style type="text/css">
<!--
body, td, font, div, p {
font-family: "Century Gothic", "Arial", "Helvetica", sans-serif;
}
-->
</style>
<=GLOBAL_HEAD

Since you're only allowed one GLOBAL_HEAD override, you will need to combine them for both effects to work properly. Correctly combined, the resulting code would be as follows:

GLOBAL_HEAD<=
<style type="text/css">
<!--
body {
background-image: url("http://www.yourimagehost.com/user/background.gif") !important;
background-attachment: fixed !important;
}
body, td, font, div, p {
font-family: "Century Gothic", "Arial", "Helvetica", sans-serif;
}
-->
</style>
<=GLOBAL_HEAD

Note that it basically consisted of removing the end of one override and the beginning of the next, i.e. this portion of code:

-->
</style>
<=GLOBAL_HEAD

GLOBAL_HEAD<=
<style type="text/css">
<!--

You should be careful which overrides you use, though, as some are style specific, so if you are using a different style for one of your views, you may need to put the overrides in LASTN_HEAD, DAY_HEAD, FRIENDS_HEAD and CALENDAR_HEAD overrides rather than GLOBAL_HEAD.

Also, if you have a GLOBAL_HEAD override which does not require a style tag (such as a title override), you would simply place it after the closing style tag, like so:

GLOBAL_HEAD<=
<style type="text/css">
<!--
body {
background-image: url("http://www.yourimagehost.com/user/background.gif") !important;
background-attachment: fixed !important;
}
body, td, font, div, p {
font-family: "Century Gothic", "Arial", "Helvetica", sans-serif;
}
-->
</style>
<title>NEW TITLE HERE</title>
<=GLOBAL_HEAD

It's also important to be sure you handle the comment markers (<!-- and -->) correctly. Starting one and not closing it will render the page unreadable in most browsers.

Page 1 of 2 << [1] [2] >>

	blu 2003-01-21 20:01 (link)
	GOD BLESS YOU, ROB~! *falls over* now, i'll actually want to touch some of the merging-required cust (when I have time) without going "do i really want to explain it all to them...?" (Reply to this) (Thread)

(no subject) - bertho, 2003-01-22 02:04:38

Re: - blu, 2003-01-22 19:31:40

	angel 2003-01-21 22:02 (link)
	(Reply to this) (Thread)

	zachhauri 2003-01-26 01:21 (link)
	This is just a suggestion, but an FAQ should be added that links back to this tutorial. (Reply to this) (Thread)

(no subject) - bertho, 2003-03-03 21:55:32

	glossyxlips 2003-02-14 18:18 (link)
	i <3 you compooper smart people-- seriously-- u guys rock my world! thank you sooo much for taking the time to do this! (Reply to this) (Thread)

	grassstain 2003-02-24 23:08 (link)
	could you post on how to change the (entries|friends|calendar) links? that would help a ton! (Reply to this) (Thread)

(no subject) - bertho, 2003-02-24 23:27:49

Page 1 of 2 << [1] [2] >>