Labdien!
Tātad, aiz garlaicības citreiz no dažādiem portāliem cenšos ko noripot, te būs kaut kas pa visam vienkāršs. ;d
Tabula lejupielādēm, protams, vari izmantot arī kam citam!
Tabula iekrāsojās zaļā krāsā, taču pamainot css, vari pielāgot savai mājaslapai.
Kods:
Code
<style>
#orig{
float:left;
width:467px;
height:500px;
border-right:3px solid #69b23c;
background:#eee;
color:#5d5d5d;
font-size:32px;
text-align:center;
padding-top:30px;
}
#orig:hover{
color:white;
background:#69b23c;
}
#warez{
float:right;
width:470px;
height:500px;
background:#eee;
color:#5d5d5d;
font-size:32px;
text-align:center;
padding-top:30px;
}
#warez:hover{
color:white;
background:#69b23c;
}
#download_button {
font: 22px 'Open Sans', Arial, sans-serif;
color: #5d5d5d;
line-height: 65px;
display: inline-block;
margin-top: 37px;
font-weight: 600;
border: 3px solid #69c23b;
border-radius: 5px;
background: #eee;
width: 300px;
height: 65px;
}
img {
color: transparent;
font-size: 0;
vertical-align: middle;
-ms-interpolation-mode: bicubic;
}
#download_button:hover {
border: 3px solid #eee;
background: #69c23b;
color: white;
cursor: pointer;
}
</style>
<div id="content">
<div id="right_top"></div>
<div style="margin:0 auto;width:940px;min-height:530px;border-left:3px solid #69c23b;border-right: 3px solid #69c23b;border-bottom: 3px solid #69c23b;border-radius: 0 0 5px 5px" >
<div id="orig">
Virsraksts<br>
<div id="download_button" onclick="location.href='#';">
Windows 32bit
<img style="float:right;width:55px;margin-top:5px;margin-right:5px"src="http://icons.iconarchive.com/icons/dakirby309/windows-8-metro/128/Folders-OS-Help-Metro-icon.png"/>
</div>
<div id="download_button" onclick="location.href='#';">
Windows 64bit
<img style="float:right;width:55px;margin-top:5px;margin-right:5px"src="http://icons.iconarchive.com/icons/dakirby309/windows-8-metro/128/Folders-OS-Help-Metro-icon.png"/>
</div>
<div id="download_button" onclick="location.href='#';">
MAC
<img style="float:right;width:55px;margin-top:5px;margin-right:5px"src="http://icons.iconarchive.com/icons/dakirby309/windows-8-metro/128/Folders-OS-Help-Metro-icon.png"/>
</div>
<div id="download_button" onclick="location.href='#';">
Linux
<img style="float:right;width:55px;margin-top:5px;margin-right:5px"src="http://icons.iconarchive.com/icons/dakirby309/windows-8-metro/128/Folders-OS-Help-Metro-icon.png"/>
</div>
</div>
<div id="warez">
Virsraksts #2<br>
<div id="download_button" onclick="location.href='#';">
Windows 32bit
<img style="float:right;width:55px;margin-top:5px;margin-right:5px"src="http://icons.iconarchive.com/icons/dakirby309/windows-8-metro/128/Folders-OS-Help-Metro-icon.png"/>
</div>
<div id="download_button" onclick="location.href='#';">
Windows 64bit
<img style="float:right;width:55px;margin-top:5px;margin-right:5px"src="http://icons.iconarchive.com/icons/dakirby309/windows-8-metro/128/Folders-OS-Help-Metro-icon.png"/>
</div>
<div id="download_button" onclick="location.href='#';">
MAC
<img style="float:right;width:55px;margin-top:5px;margin-right:5px"src="http://icons.iconarchive.com/icons/dakirby309/windows-8-metro/128/Folders-OS-Help-Metro-icon.png"/>
</div>
<div id="download_button" onclick="location.href='#';">
Linux
<img style="float:right;width:55px;margin-top:5px;margin-right:5px"src="http://icons.iconarchive.com/icons/dakirby309/windows-8-metro/128/Folders-OS-Help-Metro-icon.png"/>
</div>
</div>
<center>@ucozwebmesitars - Ken_D</center>
</div>