.
do not copy code using translator
Translate this page
Afrikaans
Albanian
Arabic
Armenian ALPHA
Azerbaijani ALPHA
Basque ALPHA
Belarusian
Bulgarian
Catalan
Chinese
Croatian
Czech
Danish
Dutch
English
Estonian
Filipino
Finnish
French
Galician
Georgian ALPHA
German
Greek
Haitian Creole ALPHA
Hebrew
Hindi
Hungarian
Icelandic
Indonesian
Irish
Italian
Japanese
Korean
Latin ALPHA
Latvian
Lithuanian
Macedonian
Malay
Maltese
Norwegian
Persian
Polish
Portuguese
Romanian
Russian
Serbian
Slovak
Slovenian
Spanish
Swahili
Swedish
Thai
Turkish
Ukrainian
Urdu ALPHA
Vietnamese
Welsh
Yiddish
TUTORIAL
FILELIST FUNCTION
Un-styled filelist function
siren.mp3
Eagles_Twenty_One_320.mp3
rooster.mp3
finger.gif
Photo 0050.jpg
Take_The_Money_And_Run.mp3
pic001.bmp
djbones.mp3
ybcu1a.wav
mission_impossible.mid
virtual-bubblewrap-distv1.1.swf
planet-b.gif
gauge.jpg
A file list function styled with css
siren.mp3
Eagles_Twenty_One_320.mp3
rooster.mp3
finger.gif
Photo 0050.jpg
Take_The_Money_And_Run.mp3
pic001.bmp
djbones.mp3
ybcu1a.wav
mission_impossible.mid
virtual-bubblewrap-distv1.1.swf
planet-b.gif
gauge.jpg
XHTML
In the folder to be listed create a page named index On that page add this html to produce the filelist
<div class="filelist"> <xt:filelist sort_type="name" sort_dir="asc" /> </div>
CSS
Add these css classes to your creator_template.css file. The images used are from the xtgem site you can change them for your own
.filelist {border: 4px ridge#aaa; padding: 3px; background: url(http://xtgem.com/images/xhtml/bg.gif) repeat-x top #fff; max-width: 320px; margin:0 auto; text-align: left } .filelist a {text-decoration:none} .filelist a:before {content:url(http://xtgem.com/images/icons/upload_a_file.png)} .filelist a:link {color: #00a} .filelist a:visited {color: #a0a} .filelist a:hover {color: #800} .filelist br {display: inline} .filelist br:before {content:url(http://xtgem.com/images/web/line.gif); width: 150px; margin:-.5em auto 0 auto; display: block}
BACK
Pages Menu
Autocontent
Building tool
Panel menu
Site messaging
Stylesheets
Widgets
Xt functions
Blog function
Blog CSS tester
Blog BBcode
404 error custom page
Advertising
Favicons
Hidden Xt functions
Pseudoclasses
Search engines
Time and date
XtGem variables
Blog with CSS
Google+1 (web only) widget
FaceBook widgets
Free icons and graphics
Gradient borders
Gradient text
Love meter
Gradient backgrounds
Javascript blog menu
User chatrooms
Main Page
©2010 - 2024 Graham.yn.lt
© MMXXIV Graham
Log in