DIV CSS[DISCUZ Template Analysis Lecture 1]_html/css_WEB-ITnose

Lecture 1 - Explanation of header.htm variables and statements

Because it is a statement explanation, this document is relatively boring. You can use it as a dictionary.

DISCUZ! (hereinafter referred to as DZ) uses templates to modify the entire program skin. We often modify several templates, namely header.htm (controlling the head), footer.htm (controlling the tail), and discuz.htm (controlling the homepage). middle), css.htm (CSS document) and the newly added css_append.htm (new CSS document) in 6.0

This lecture will focus on the variables and statements in header.htm.
The following will be introduced first Under the concept of variables.
DISCUZ! The variables in the template start with "{" and end with "}", such as {STYLEID}, which represents the style ID. Such variables are mostly used in CSS definitions
It is usually passed through these Simple special words define some long or multiple-used characters once, and replace them through the modification of variable declarations in the background or PHP program files. Variables are composed of unique uppercase words.

The simplest example is to add new variables used in styles.
We open the backend of DZ, forum management-interface style-details after style-bottom end
[attach]1906[/attach]
Of course. This function is generally not commonly used. It is mentioned here just to let everyone understand the concept of variables more vividly.

There is also a DZ system variable, which is usually declared in the PHP file, usually with " Starting with $", the functions of the variables above are the same

Let’s start with header.htm (hereinafter referred to as header) to explain some commonly used variables and some of the conditional statements.
First, in < ;



in ;head> where $charset represents the encoding type, such as GBK, UTF-8

The next line of

copies the content to the clipboard code:

where
$navtitle represents the name of the current page
$bbname represents the site name
$seotitle represents the SEO name

Looking down, a conditional statement appears

Copy the content to the clipboard code:
 
 

 
 

The meaning expressed here is explained sentence by sentence
It means that if the CSS cache is turned on (that is, the generated .CSS file)
then ...Load the following two CSS files in the
forumdata/cache/ directory... style_{STYLEID}.css and style_{STYLEID}_append.css (two CSS documents corresponding to the style ID and a new CSS document )
If it is not opened, load two corresponding CSS templates directly
{template css}{template css_append}
Where template means template, and the following is the template name, such as {template css} It is the CSS.htm template.
The last is the closing statement
There is a script below, I feel it is necessary to talk about it

Copy the content to the clipboard code :

Its main function is to convert the template All {IMGDIR} within become the image paths of the current style.
For example, {IMGDIR}/1.jpg, if the style image path you fill in in the background is images/water, then this statement will display when running The path that comes out is images/water/1.jpg

The next is the most familiar

code for copying content to the clipboard:

It represents the LOGO part
$indexname represents the site path
$bbname has been mentioned above. It represents the site name
{BOARDLOGO} variable represents It is the LOGO image address of the site, and the replaced content is (LOGO_url represents the LOGO address)

Copy the content to the clipboard code:

Part 02 will cover the code to copy content from

to the clipboard:

The last part of the header
includes the most difficult points: column conditional statements and menu bar

Let’s continue with Chapter 01 section, continue to explain the menu part
in the line below the menu layer

Copy the content to the clipboard code:
top.location = 'frame.php?frameon=yes&referer=' escape(self.location);

document. write('{lang frameon_column}');
} else {
document.write('{lang frameon_flat}');
}

This line is the column function bar

Copy the content to the clipboard code: < ;!--{if $_DCACHE['settings']['frameon'] > 0}-->

indicates that if the column function is turned on, it is a functional judgment statement
The following statement follows Start with

Copy content to clipboard code:

and end with the following statement

Copy content to clipboard code:

Use Wrote a script to write column positioning and word judgment

Copy the content to the clipboard code: if(top == self) {

top.location = 'frame.php?frameon=yes&referer=' escape(self.location);

This paragraph indicates the position where the column is opened. That is to say, the positioning statement can be ignored when writing the template. Just know what the function is.
The following

copies the content to the clipboard code: document.write('{lang frameon_column}');
} else {
document.write('{lang frameon_flat}');
}

Describe what is written. If the column is turned on, the {lang frameon_column} variable is written. If the column is turned off, the {lang frameon_flat} variable is displayed, which is the closed column and open column displayed on the left side of the menu bar.
Finally, it ends with

The following is the right part of all the menus, and then we will explain them one by one

Copy the content to the clipboard code:

• $discuz_userss


• {lang logout}


• class="current">{lang pm}



• class="current">$reglinkname


• class="current">{lang login}




• class="current">{lang memberlist}


• class="current"> ;{lang search}


• class= "current">{lang tag}




• $module[url]




• {lang my}
class="current">{lang show_mytopics}
• {lang my_permissions}< ;/a>


• {lang memcp}
• class="current">{lang memcp} a>


• class="current">{lang invite}< ;/a>


• class="current">{lang magics_title}



• $pluginjsmenu


• {lang statistics}
• {lang statistics}


• {lang admincp}


• class="current">{lang faq}

先是这段

复制内容到剪贴板 代码:

$discuz_userss

{lang logout}

class="current">{lang pm}

class="current">$reglinkname

class="current">{lang login}

里面的第一句

复制内容到剪贴板 代码:

说的是登陆判断,其实就是如果有DISCUZ的UID,即登陆状态,则显示

复制内容到剪贴板 代码:

$discuz_userss

{lang logout}

class="current">{lang pm}

The first

is the $discuz_userss username, which is connected to "space.php?action=viewpro&uid=$discuz_uid", which is the space connection.
The second

is {lang logout} , the connection is to $link_logout, that is, the logout connection
The third one is a variable code, the variable is {lang pm}, which is the short message, here is class="current" will also appear below, which means that if the positioned URL is pm.php, current will be displayed CLASS, you can click on the short message in DST, and then look at the menu to know what this class looks like
"" This statement is very common, equivalent to C language and other Else in programming language is used together with if.
What the description here means is that if it is not logged in, the following content will be displayed.

Copy the content to the clipboard code:

class="current">$reglinkname

class="current"

class="current"

Here we mainly talk about This judgment means that if the member list is opened, {lang memberlist} is the variable of the member list

Copy the content to the clipboard code:

class="current"< ;!--{/if}-->>{lang search}

This is the variable opened by search, here means $allowsearch is allowed to search. || is a conjunction, meaning or. $qihoo['status'] is Qihoo search. {lang search} is a search variable, which is not commonly used. That's all.

Copy content to clipboard code:

class="current">{lang tag}

> ;

This is the tag

Copy the content to the clipboard code:

$module[url]

This is a plug-in, a tile plug-in When displaying the loop , copy the content to the clipboard code:

current" onmouseover="showMenu(this .id)">{lang my}

class="current"
This is to call the JS command to control the "My" option in the menu

Copy the content to the clipboard code:

{lang memcp}

class="current">{lang memcp} a>

This is to call the JS command to control the control panel option in the menu

Copy content to the clipboard code: 1}-->

class="current">{lang invite}

This is Invite registration

Copy content to clipboard code:

class ="current">{lang magics_title}

This is a prop

Copy the content to the clipboard code:

$pluginjsmenu

This is a plug-in, the display of the drop-down menu

Copy the content to the clipboard code:

{lang statistics}

{lang statistics}

This is statistics

Copy the content to the clipboard code:

{lang admincp}

This is the system setting, that is, the background

Copy the content to the clipboard code:

class="current">{lang faq}

This is help