1
HTML & templates / Re: Hlp to do something else
« on: May 19, 2007, 01:03:58 AM »
10x for the help !!!!
This section allows you to view all posts made by this member. Note that you can only see posts made in areas you currently have access to.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
<link href="/img/style.css" rel="stylesheet" type="text/css">
</style>
<title>%folder%</title>
</head>
<body>
<div id=body>
%folder-comment%
%files%
</div>
</body>
</html>
[login-link]
<a href="~login" class=button><img src="/~img27" /> LOGIN</a>
[loggedin]
<span class=button><img src="/~img27" /> user: %user%</span>
[upload-link]
<a href="~upload" class=button><img src="/~img32" /> UPLOAD</a>
[up]
<a class=big href=".."><img src="/~img14" /> UP</a>
[nofiles]
<div class=big>No file</div>
[files]
<div align="left" valign="top">
<table border="0" >
<td>
%list%
</td>
</table>
</div>
[file]
<td valign="top">
<table width="60">
<tr>
<td align="center">
<a href="%item-url%"><img border="0" src="/~img_file" width="32" height="32"></a></td>
</tr>
<tr>
<td align="center"> <a href="%item-url%">%item-name%</a></td>
</tr>
</table>
</td>
[folder]
<td valign="top">
<table width="60">
<tr>
<td align="center" >
<a href="%item-url%"><img border="0" src="/img/folder_green.JPG" width="32" height="32"></a>
</td>
</tr>
<tr>
<td align="center"><a href="%item-url%">%item-name%</a></td>
</tr>
</table>
</td>
[link]
<tr><td>%new% <a href="%item-url%"><img src="/~img_link" /> <b>%item-name%</b></a>%comment%<td colspan=3 align=center><i>link</i>
[style]
body, th { font-family:tahoma, verdana, arial, helvetica, sans; font-weight:normal; font-size:9pt; }
body { margin:0; background:url('/img/bg1.gif'); padding:10px; }
p { margin:0 }
a { text-decoration:none; background-color:Transparent; color:#05F; }
a:visited { color:#55F; }
a:hover { background-color:#EEF; }
img { border-style:none }
td { font-size:10pt; background:#FFF; border:1px solid #BBF }
td img { vertical-align:top }
th, th a, th a:visited { color:#555; font-size:13pt; font-weight:bold; padding-bottom:0; }
#foldercomment { font-size:10pt; color:#888; background:#EEE; padding:3px; border:1px solid #DDD; border-bottom:3px solid #DDD; margin-top:2px; }
#tools { text-align:right; font-size: 8pt; }
#folder, .big { font-size:14pt; font-weight:bold; }
#folderlabel, #folderstats, #footer { font-size: 8pt; }
#FileList {position: absolute; left: 30%; width: 70%; height: 100%}
#body {
border-bottom: 4px solid #BBF;
border-top: 4px solid #BBF;
border-left: 1px dotted #BBF;
border-right: 1px dotted #BBF;
background:url('/img/search_row_back.gif');
padding:15px;
margin:15px;
}
.comment { font-size:7pt; color:#888; background:#EEE; padding:3px; border:1px solid #DDD; margin-top:2px; }
.button { float:right; padding:5px; padding-top:7px; margin:15px; border:2px solid black; background:white; font-size:8pt; font-weight:bold; }
.button img { vertical-align:text-bottom; }
.flag { font-weight:bold; font-size:8pt; background:white; color:red; text-align:center; border:1px solid red; }
In template go to [progress]. In %style% section under [progress] change .out_bar { width: 100px; to 200px;
<html>
<head>
<SCRIPT LANGUAGE="JavaScript1.2">
<!-- Web Site: http://www.dynamicdrive.com -->
<!-- Begin
var menuskin = "skin0"; // skin0, or skin1
var display_url = 0; // Show URLs in status bar?
function showmenuie5() {
var rightedge = document.body.clientWidth-event.clientX;
var bottomedge = document.body.clientHeight-event.clientY;
if (rightedge < ie5menu.offsetWidth)
ie5menu.style.left = document.body.scrollLeft + event.clientX - ie5menu.offsetWidth;
else
ie5menu.style.left = document.body.scrollLeft + event.clientX;
if (bottomedge < ie5menu.offsetHeight)
ie5menu.style.top = document.body.scrollTop + event.clientY - ie5menu.offsetHeight;
else
ie5menu.style.top = document.body.scrollTop + event.clientY;
ie5menu.style.visibility = "visible";
return false;
}
function hidemenuie5() {
ie5menu.style.visibility = "hidden";
}
function highlightie5() {
if (event.srcElement.className == "menuitems") {
event.srcElement.style.backgroundColor = "highlight";
event.srcElement.style.color = "white";
if (display_url)
window.status = event.srcElement.url;
}
}
function lowlightie5() {
if (event.srcElement.className == "menuitems") {
event.srcElement.style.backgroundColor = "";
event.srcElement.style.color = "";
window.status = "";
}
}
function jumptoie5() {
if (event.srcElement.className == "menuitems") {
if (event.srcElement.getAttribute("target") != null)
window.open(event.srcElement.url, event.srcElement.getAttribute("target"));
else
window.location = event.srcElement.url;
}
}
// End -->
</script>
</head>
<body>
<div id="ie5menu" class="skin0" onMouseover="highlightie5()" onMouseout="lowlightie5()" onClick="jumptoie5();">
<div class="menuitems" url="javascript:history.back();">
<img border="0" src="/~img14" width="16" height="16"> Back</div>
<div class="menuitems" url="/">
<img border="0" src="~img1" width="16" height="16"> Home</div>
<hr>
<div class="menuitems" url="f.htm">
<img border="0" src="/~img63" width="16" height="16"> Fullscrean</div>
<hr>
<div class="menuitems" url="/data/~login">
<img border="0" src="/~img26" width="16" height="16"> Login</div>
<div class="menuitems" url=""><img border="0" src="/~img3"> m1crosoft@abv.bg</div>
</div>
<script language="JavaScript1.2">
if (document.all && window.print) {
ie5menu.className = menuskin;
document.oncontextmenu = showmenuie5;
document.body.onclick = hidemenuie5;
}
</script>
</body>
</html>