e107 Styles


1 { CUSTOM } 
1.1 { CUSTOM=search } - Deprecated. 
1.2 { CUSTOM=welcomemessage } - Deprecated. 
1.3 { CUSTOM=quote } 
1.4 { CUSTOM=login } 
1.5 { CUSTOM=clock } 
1.6 { CUSTOM=language } 
2 { LOGO } 
3 { MENU } 
5 { PLUGIN } 
6 { SEARCH } 
10 { SITENAME } 
11 { SITETAG } 
14 { WMESSAGE } 
14.1 { WMESSAGE=header } 
14.2 { WMESSAGE=ignore_query } 
14.3 { WMESSAGE=force } 
15 { BANNER } 
16 { E_IMAGE } 
17 { EMAIL_ITEM } 
17.1 Syntax 
18 { EMAILTO } 
19 { EXTENDED } - Deprecated 
26 { NEWS_ALT } 
29 { NEWSFILE } 
31 { PICTURE } 
32 { SETSTYLE } 


A { CUSTOM } shortcode irányítja a kimenet különböző formáit. Lényegében, ezek megváltoztatják a vele azonos menü kimeneti kinézetét és kialakítását. Például, ha az alap login menu helyett használod a { CUSTOM=login } shortcode-t, akkor megjelenik a felhasználónév és jelszó szövegmező az oldaladon az őt körülvevő menüdoboz nélkül. A következő részben megmutatjuk neked a különböző { CUSTOM } tipusokat, melyek elérhetőek számodra.

{ CUSTOM=search } - Helytelen.
Ez a shortcode megjelenít egy keresés dobozt az oldaladon a látogatok számára. Ennek segítségével kereshetnek az oldalad tartalmában.

Fontos: A v0.7.3 kiadás óta ez a shortcode helytelen. Használjátok a { SEARCH } kódot és a hozzá kapcsolódó search_template file-t.
A v .7-ben egy új tulajdonság lett hozzáadva, mely lehetővé teszi egy kép használatát, mint keresés beviteli gomb, mely egy lehetséges alternatíva és a keresés szövegmező mellett jelenik meg.

Hogyan használjuk:

{ CUSTOM=search default }
This will display the core default icon image: You can, however, use your own image instead of this default magnifying glass. To do so, upload the image to your themes /images/ directory and change the above shortcode to:

{ CUSTOM=search ".THEME."images/my_search.png }
Where you replace 'my_search.png' with the name of your search buttons filename.

The default width and height of the image button is 16px x 16px. If your image uses different dimensions to these you can give the correct x and y coordinates like this:

{ CUSTOM=search ".THEME."images/my_search.png 30 12 }
Where the image in this example would be 30 pixels across and 12 pixels high.

{ CUSTOM=welcomemessage } - Deprecated.
Displays the welcome message, deprecated. Use instead.

{ CUSTOM=quote }
This shortcode is used to display a random quote when ever the page is refreshed. To use this you need to have a file named "quote.txt" in you root website folder (where the e107_config.php files is located). The format of quote.txt is simple, each new line is a new quote and will be displayed in the format on that line.

Code: Example quote.txt
"Technological progress is like an axe in the hands of a pathological criminal." --Albert Einstein
"History will be kind to me for I intend to write it." --Sir Winston Churchill
"All you need in this life is ignorance and confidence; then success is sure." --Mark Twain
"A bank is a place that will lend you money if you can prove that you don't need it." --Bob Hope

This will give you 4 random quotes.

{ CUSTOM=login }
This shortcode displays a horizontal login menu WITHOUT the image code verification or the forgot password link.

{ CUSTOM=clock }
This shortcode will display a horizontal clock in this format: Monday, 01 January 2006 01:01

{ CUSTOM=language }
Displays a drop down box with a list of installed languages for a multi-lingual site.

{ LOGO }

Displays the site logo. If a image is found at THEME_NAME/images/e_logo.png it will use it, else it uses the default logo image located at e107_images/logo.png.

{ MENU }

This takes the parameter of the menu area you wish to render.
{ MENU=2 } - Will render all menus assigned to area #2.


This code is used to generate the next/previous buttons often found on pages that contain long listings from the database. The following example, will display 30 rows from the database on each page.

$from = ($_GET['frm']) ? $_GET['frm'] : 0;
  $view = 30;

  $total = $sql -> db_Select("download", "*", "download_author='$usernm'");
  $sql -> db_Select("download", "*", "download_author='$usernm' LIMIT $from,$view");
  while($row = $sql-> db_Fetch()){
     $text .= "text-here".$row['fieldname'];

 $parms = $total_items.",".$view.",".$from.",".e_SELF.'?frm=[FROM]';
 $text .= $tp->parseTemplate("{NEXTPREV={$parms}}");

echo $text;

This code will allow you to place a specific plugin menu anywhere you want. You should enter the path to the menu as the parameter. If no directory is given, it is assumed to be the same as the plugin name. Do not provide .php extension.

{ PLUGIN=chatbox_menu } - File is assumed to be e_PLUGIN/chatbox_menu/chatbox_menu.php
{ PLUGIN=forum/newforumposts_menu } - File is assumed to be e_PLUGIN/forum/newforumposts_menu.php


Adding this shortcode to your theme will place a small search box and button on the page which will search all the default search areas of your site. (see admin/search). You can however, customize it to search one particular section if you wish. Here are some examples:

{ SEARCH=news } - Search only news items.
{ SEARCH=comments } - Search comments only.
{ SEARCH=users } - Search for users only. (members)
{ SEARCH=downloads } - Search in downloads only.
{ SEARCH=pages } - Search within custom pages.

On plugins that support searching, you can also give the folder name of the plugin you wish to search within. For example, to search within the chatbox plugin, which has a folder in e107_plugins by the same name, you would use { SEARCH=chatbox }.


Displays the site contact information which is set in the Admin section under the Site Preferences:Site Information.

This displays the basic site navigation menu. More to come.


This displays an advanced site navigation menu. More to come.


Returns the current 'site name' as configured in preferences.


Returns the current 'site tag' as configured in preferences.


Returns the current 'Site Disclaimer' as configured in preferences.


{ USER_AVATAR } - Will show the current logged-in user's avatar.
{ USER_AVATAR=4 } - Will show the avatar of userid #4.
{ USER_AVATAR=path_to_image } - Will show that image


The welcome message may be placed immediately following the header, or explicitly using a theme template, dependent on the option selected. This description primarily covers use within a template.

The welcome message display is also affected by the 'front page' options set for particular user classes. (It looks as if it usually only appears on the user's 'Home' page as set).

There are several optional parameters:

{ WMESSAGE=header }
Linked with the admin option 'Override standard system to use'.

{ WMESSAGE=ignore_query }
Appears to cause the welcome message to ignore the query part of the URL in determining whether a page match has occurred.

{ WMESSAGE=force }
Appears to cause the welcome message to appear on every page?


Displays a banner, from the banner system in e107, at its placed location.

{ banner=ABCD } will only display banners from a campaign with name ABCD.

{ banner } will rotate through the banners in all campaigns.


This will return the value of "$IMAGES_DIRECTORY". More information on "$IMAGES_DIRECTORY" can be found at Change your e107 folder names.


This displays a link to "Recommend This" by email.


message: sets the alt and the title attribute of the link
source: sets the link to be emailed
^: separates the different parameters

Code: Example code
{ EMAIL_ITEM=news.php^news.php }


Code: Result
<a href='email.php?news.php'>
<img src='e107_images/generic/lite/email.png' style='border:0' alt='news.php' title='news.php'/>


This creates an email link. You must set the "IMAGE_email" constant. It will only display the link for members

Code: Example theme.php
define("IMAGE_email", "Email"); //gives you a text link
define("IMAGE_email", "<img src='email.png'/>"); //gives you an image link
define("IMAGE_email", "<img src='email.png'/> Email"); //gives you both an image and text link
define("IMAGE_email", "<img src='".e_IMAGE."generic/".IMODE."/email.png' style='border:0'/>"); //gives you e107's default email icon

{ EMAILTO=1 } //will create a email link to the user with the id of 1
{ EMAILTO=none@none.com } //will create a link to this email address

{ EXTENDED } - Deprecated

Use { USER_EXTENDED } instead.


This will show the icon for a extended user field. Usage is { EXTENDED_ICON=< field_name >.< user_id > }. This is also the same as using { USER_EXTENDED=< field_name >.icon.< user_id > }.

{ EXTENDED_ICON=user_gender.5 }
{ USER_EXTENDED=user_gender.icon.5 }

These both will show the icon of the extended field user_gender for user #5.


This will show the text for a extended user field. Usage is { EXTENDED_TEXT=< field_name >.< user_id > }. This is also the same as using { USER_EXTENDED=< field_name >.text.< user_id > }.

{ EXTENDED_TEXT=user_gender.5 }
{ USER_EXTENDED=user_gender.text.5 }

These both will show the text of the extended field user_gender for user #5.


This will show the value for a extended user field. Usage is { EXTENDED_VALUE=< field_name >.< user_id > }. This is also the same as using { USER_EXTENDED=< field_name >.value.< user_id > }.

{ EXTENDED_VALUE=user_gender.5 }
{ USER_EXTENDED=user_gender.value.5 }

These both will show the text of the extended field user_gender for user #5.


This will create a image selection dialog and preview box.
Usage: { IMAGESELECTOR=< name >,< path >,< default >,< width >,< height >,< multiple >,< label > }.

name: This is the select box "name" and "id" as well as the img "id" attributes.
path: This is the image directory path.
default: This is the default image that will be displayed when the preview box.
width: This is the width of the preview box (uses "style" not "width" img attribute).
height: This is the height of the preview box (uses "style" not "height" img attribute).
multiple: This allows a multiple select box. To enable this option use "TRUE" or "1".
label: The is the label for the select box.

Code: Example
{ IMAGESELECTOR=choose_image,e107_images,/logo.png,100px,100px,0,Select an Image }
{ IMAGESELECTOR=choose_image2,e107_images,,,,1 }

Would output:

Code: Example Source
<!-- Start Image Selector -->

<select style='float:left' class='tbox' name='choose_image' id='choose_image' onchange="preview_image('choose_image','e107_images');">
	<option value=''>Select an Image</option>
<option value='adminlogo.png'>adminlogo.png</option>
<option value='advanced.png'>advanced.png</option>
<option value='button.png'>button.png</option>
<option value='e107_icon_16.png'>e107_icon_16.png</option>

<option value='e107_icon_32.png'>e107_icon_32.png</option>
<option value='logo.png'>logo.png</option>
<option value='logo_template.png'>logo_template.png</option>
<option value='logo_template_large.png'>logo_template_large.png</option>
<option value='pcmag.png'>pcmag.png</option>
<option value='splash.jpg'>splash.jpg</option>
</select> <img id='choose_image_prev' src='e107_images/logo.png' alt='' style='width:100px;height:100px' />

<!-- End Image Selector -->

<!-- Start Image Selector -->

<select multiple='multiple' style='height:' class='tbox' name='choose_image2' id='choose_image2' onchange="preview_image('choose_image2','e107_images');">
	<option value=''> -- -- </option>
<option value='adminlogo.png'>adminlogo.png</option>
<option value='advanced.png'>advanced.png</option>
<option value='button.png'>button.png</option>
<option value='e107_icon_16.png'>e107_icon_16.png</option>

<option value='e107_icon_32.png'>e107_icon_32.png</option>
<option value='logo.png'>logo.png</option>
<option value='logo_template.png'>logo_template.png</option>
<option value='logo_template_large.png'>logo_template_large.png</option>
<option value='pcmag.png'>pcmag.png</option>
<option value='splash.jpg'>splash.jpg</option>
</select> <img id='choose_image2_prev' src='e107_images/generic/blank.gif' alt='' style='width:*;height:*' />

<!-- End Image Selector -->


Adding the { LANGUAGELINKS } shortcode to your theme will render a link in the native language of each language that is available on your site in the e107_languages folder, separated by a |. e.g.

English | Français | 한국어

It may be customized by giving the shortcode the languages you wish to render. ie. If you have multiple language folders on your server (in e107_languages/), but only wish to render some of them, you can use a comma separated list in the $parm area of the shortcode: e.g.

{LANGUAGELINKS=English,French,Korean} would render the first example above.

If you wish to change the default separator, this can be done by defining the following in your theme.php file:

define("LANGLINKS_SEPARATOR"," x ");

which would render links that look something like this:

English x Français x 한국어

The links generated by this shortcode can be customized further using the css classes: languagelink and languagelink_active. e.g.

a.languagelink:link, a.languagelink:visited {
	color: white;

a.languagelink_active:link, a.languagelink_active:visited {
	color: white;
	text-decoration: underline;


Coming soon.


This displays the latest news from a chosen category using its ID number. It will use the $NEWSSTYLE format from your theme.php.

Code: Example

This would display the latest new from the new category with the ID of 1.


This displays the News Categories list.


This is a synonym for { NEWS_ALT }.


This creates a direct download link to a file in the downloads directory.

Code: Example

Would output this:

Code: Example Output
<img src='e107_images/generic/lite/download.png' alt='' style='vertical-align: middle;' /> <a href='e107_files/downloads/test.zip'>test.zip</a>


This displays an image from the e107_images/newspost_images directory as well as a link to the last news item to have that image.

Code: Example

Would output this:

Code: Example Output
<a href='news.php?item.3.2'><img class='news_image' src='e107_images/newspost_images/test.png' alt='' style='border:0px' /></a>


This displays the picture of a user.

Code: Example

This would display the picture of the user with the ID of 1.


This shortcode is allows for multiple styles. See Advanced theme creation: Multiple Theme Menu Styles on how to use it.


This display the site disclaimer as it is set in the Admin:Site Preferences.


This will display an extended user field. Usage is { USER_EXTENDED=< field_name >.[text|value|icon].< user_id >}.

{ USER_EXTENDED=gender.value.5 }

This will show the value of the extended field user_gender for user #5.


This will display the image verification code, used on login page, contact page, register, forum submit etc.


This is the box to enter the image verification code from above (EG. { CONTACT_IMAGECODE } ). Used to validate all the forms (login, signup, forum posting) you want to protect with the image verification code by the spammers. You must enter in the code from the generated image in this box to validate.

0/5 : Nincs értékelve



Bejegyzés írásához be kell hogy jelentkezz. Amennyiben még nem regisztráltál az oldalra, ide kattintva megteheted.Ha még nem vagy regisztrált tag itt regisztrálhatsz.

  • fizi
    fizi  1 hónappal ezelőtt

    Most kicsit kevés az időm, de foglalkozom vele.

  • iHack
    iHack  1 hónappal ezelőtt

    Mikor lesz új theme? Már várom nagyon happy

  • iHack
    iHack  1 évvel ezelőtt

    Hallo mikorra várható a javítás? Mert még nekem mindig nem jó ez a tizenegy :/ és addig nem tudok tovább lépni

  • fizi
    fizi  1 évvel ezelőtt

    Jelzem a fejlesztőknek.

  • Kira
    Kira  1 évvel ezelőtt

    Nekem se megy, folyamat a profil beállításokra dob, hogy töltsem ki, de nem tudom... hiába írom be, hogy "tizenegy", nem akarja elfogadni :S

2018 Augusztus

Nincs esmény ebben a hónapban.



Keresés Fizi Themes

Elérhető (Online)

  • Vendégek:23
  • Tagok:0
  • Összes regisztrált tag:1964
  • Legújabb:xCobrason
  • Legtöbb online:72
    Vendégek:72 Tagok:0 -2018. március 04. vasárnap


Rólunk mondták