K tel me wich 1 do u wnt me to start with?
Internal css are created usin Css preference and to make it function u need to learn hex colors eg
008000 dats green u cn use the word or hex code nw leme start internal css structure i created with many css styles dat has there own function in its own way.. Like padding, background-color, margin, text-align , font-size or font-weight etc i wil explain the above ones listed,
padding: this means enlargin the div arena/border.
background-color this means the background color of the class if applied.
margin it means shiftin the class border eg u cn use
margin-left,
margin-right u add the maximum border shiftin eg margin-right: 5px;
font-size this mean increasin text size px format 50px eg font-size: 40px;
font-weight this function and the font size are xame the önly different is dat font size works in number enlargin eg 5px, 50px, 35px etc while font-weight works in text format eg bold, small etc.. In work font-weight: bold;
text-align the function means placin the text in any format or alignment u wnt, eg in left, right and center alignment eg text-align: center;
BASICS OF CSS
Inorder fr internal css to work dis functions must be included ; and :
; means the tag has been closed while
: means open tag.
WARNING: We Dnt Use Normal HTML Codes in css eg <b></b>, <font color="red"></font> instead of the above we use dis to replace them in css <b></b> replace with
font-weight: bold; while <font color="red"></font> replace with
color: red;
HOW TO PUT INTERNAL CSS IN FUNCTION AND HOW TO GET THE CODE:
We use dis style script to me it function well eg <style> to code u hav been thought abt Css peference above with few functions nw let create an internal css with black background, text white, center alignment and normal paddin
<style>.mido {background-color: black; color: white; text-align: center; padding: 2px;}</style>
Copy code
NOTE: the div class in the above internal css is
mido
Thats All!
Hw 2 set it lyke that of global css?
global css, i mean red css, d 1 u used on ur forum
It is xtgem default css, so i edited it internally.
d midox, my file list dffrnt preview image is nt working oo, See below at that Java_Games_Icons
RECOPY
<div class="zxfourborder" style="text-align:center;">
<script type="text/javascript">
var dflt = '\<div style=\"text-align:center\"\>SEARCH FILES\</div\>';
var nrslts ='\<div style=\"text-align:center\"\>{_$srch|file} Not Found!\</div\>';
if ("{_$filter|}" != "")
{var rslts=document.getElementById("results").innerHTML;
if (rslts == "")
{document.getElementById("results").innerHTML= nrslts;}}
else
{document.getElementById("results").innerHTML= dflt;};
function validateForm()
{var inp=document.forms["srchfrm"]["srch"].value;
if (inp==null || inp==""){return false;}}
</script>
<form id="srchfrm" onsubmit="return validateForm()" action="<xt:url />" method="get">
<div class="search_form">
<input name="filter" value="{_$filter|}" size="80px"/>
<br />
<input type="submit" value="search" />
</div>
</form></div>
<div class="search_results" id="results"><xt:filelist sort_type="updated" sort_dir="asc" folder="/Java_Games" template="<table width='100%'><tr><td width='25%' class='zxfourborder' align='center'><img src='/Java_Games_Icons/.file_name..png' width='50%' height='50%'></td><td width='75%' align='left' class='zxfourborder'><img src='http://strikecoded.xtgem.com/admin/rating.gif'/><br/><b>•Name:</b><b style='color:blue'> .file_name_parsed. </b><br/><b>•Size:</b><b style='color:green'> .file_size. </b><br/><a href='/download?file=.file_name.&name=.file_name_parsed.&category=.file_mime.&size=.file_size.&href=.file_url.&date=.file_date.&time=.file_time.&fold=/2go_files'><b style='color:red'> •Download Game</b></a><br/></td></tr></table>" per_page="10" filter="*.*" /><br/>Jump to page:<form action="<xt:url type="path" />" method="get"><input type="text" style="width:15px" name="__filelist_page"><input
type="submit" value="jump"></form></center>
Copy code I Have Add The Preview Function, I Hope U Rename The Image Accordin To Its Filename If The File is Die+HARD.jar or Die HARD.jar Rename The Image To Die+HARD.jar.png or Die Hard.jar.png Dats Hw It Works.
(Edited by 2016-05-05 12:09 STRIKELORD )
xory not that 1 ths one below