Temos pavadinimas: WordPress, Shopify ir PHPFusion programuotojų bendruomenė :: stulpeliai
Parašė vytaz· 2009 Rugp. 28 23:08:30
#1
Kaip padaryt headerije 3 stulpelius su textu <td> takais? :?
nu pvz kad butu left ,center, right headerio dalise
Pirmas stulpelis
Pirmas stulpelis
Pirmas stulpelis
Parašė BigMan· 2009 Rugp. 28 23:08:20
#2
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Dynamic Drive: CSS Fixed Layout #3.1- (Fixed-Fixed-Fixed)</title>
<style type="text/css">
body{
margin:0;
padding:0;
line-height: 1.5em;
}
b{font-size: 110%;}
em{color: red;}
#maincontainer{
width: 840px; /*Width of main container*/
margin: 0 auto; /*Center container on page*/
}
#topsection{
background: #EAEAEA;
height: 90px; /*Height of top section*/
}
#topsection h1{
margin: 0;
padding-top: 15px;
}
#contentwrapper{
float: left;
width: 100%;
}
#contentcolumn{
margin: 0 190px 0 180px; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
}
#leftcolumn{
float: left;
width: 180px; /*Width of left column in pixel*/
margin-left: -840px; /*Set margin to that of -(MainContainerWidth)*/
background: #C8FC98;
}
#rightcolumn{
float: left;
width: 190px; /*Width of right column*/
margin-left: -190px; /*Set left margin to -(RightColumnWidth)*/
background: #FDE95E;
}
#footer{
clear: left;
width: 100%;
background: black;
color: #FFF;
text-align: center;
padding: 4px 0;
}
#footer a{
color: #FFFF80;
}
.innertube{
margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 0;
}
</style>
<script type="text/javascript">
/*** Temporary text filler function. Remove when deploying template. ***/
var gibberish=["This is just some filler text", "Welcome to Dynamic Drive CSS Library", "Demo content nothing to read here"]
function filltext(words){
for (var i=0; i<words; i++)
document.write(gibberish[Math.floor(Math.random()*3)]+" ")
}
</script>
</head>
<body>
<div id="maincontainer">
<div id="topsection"><div class="innertube"><h1>CSS Fixed Layout #3.1- (Fixed-Fixed-Fixed)</h1></div></div>
<div id="contentwrapper">
<div id="contentcolumn">
<div class="innertube"><b>Content Column: <em>Fixed</em></b> <script type="text/javascript">filltext(10)</script></div>
</div>
</div>
<div id="leftcolumn">
<div class="innertube"><b>Left Column: <em>180px</em></b> <script type="text/javascript">filltext(20)</script></div>
</div>
<div id="rightcolumn">
<div class="innertube"><b>Right Column: <em>190px</em></b> <script type="text/javascript">filltext(15)</script></div>
</div>
<div id="footer"><a href="http://www.dynamicdrive.com/style/">Dynamic Drive CSS Library</a></div>
</div>
</body>
</html>
pasiredaguosi...
arba tokio kokio tu prasiai.. nezinau kuris tiks;)
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css">
#left {
margin-right: 153px;
}
#right {
margin-left: 150px;
}
#left_wrapper {
width: 50%;
margin-right: -150px;
float: left;
position: relative;
z-index: 0;
}
#middle_wrapper {
width: 300px;
margin-right: -150px;
float: left;
position: relative;
z-index: 2;
}
#right_wrapper {
width: 49.9%;
float: left;
position: relative;
z-index: 1;
}
</style>
</head>
<body>
<div id="left_wrapper">
<div id="left">
<p>This is the left text : This is the left text :
This is the left text : This is the left text :
This is the left text : This is the left text :
This is the left text : This is the left text :
</p>
</div>
</div>
<div id="middle_wrapper">
<div id="middle">
<p>This is the middle text : this is the middle text
This is the middle text : this is the middle text
This is the middle text : this is the middle text
This is the middle text : this is the middle text
This is the middle text : this is the middle text
</p>
</div>
</div>
<div id="right_wrapper">
<div id="right">
<p>This is the right text : This is the right text
This is the right text : This is the right text
This is the right text : This is the right text
This is the right text : This is the right text
</p>
</div>
</div>
</body>
</html>
Redagavo BigMan· 2009 Rugp. 28 23:08:35
Parašė vytaz· 2009 Rugp. 28 23:08:31
#3
aciu BigMan ,kad padedi ,bet man tai nlb eina idet :?
Parašė Dandžu· 2009 Rugp. 28 23:08:35
#4
Vienas Du Trys
<table width='100%'><tr><td width='33%'>Vienas</td><td width='33%' align='center'>Du</td><td width='33%' align='right'>Trys</td></tr></table>
Vienas
Du
Trys
<taašr><td>Vienas</td></tr><tr><td>Du</td></tr><tr><td>Trys</td></tr></table>
Redagavo Dandžu· 2009 Rugp. 28 23:08:54
Parašė BigMan· 2009 Rugp. 28 23:08:45
#5
vytaz parašė:
aciu BigMan ,kad padedi ,bet man tai nlb eina idet :?
kur tu nori ideti?
Parašė vytaz· 2009 Rugp. 29 00:08:28
#6
headeri 3 stulpelius ,kad butu
textas
textas
textas
Ir kad tokie but stulpeliai butu kairei centre ir desinei
Parašė BigMan· 2009 Rugp. 29 00:08:02
#7
vytaz parašė:
headeri 3 stulpelius ,kad butu
textas
textas
textas
Ir kad tokie but stulpeliai butu kairei centre ir desinei
taidi idejau.. antras kodas..
Redagavo BigMan· 2009 Rugp. 29 00:08:19
Parašė Dandžu· 2009 Rugp. 29 00:08:19
#8
Tavo tai ten pievos nežinau iš kur tu tokį gremėzdišką kodą ištraukei. :D Pas mane trumpas ir aiškus.
Parašė vytaz· 2009 Rugp. 29 00:08:20
#9
nju ,kad jis man nlb derinas :?
Pabandik pats idet
<?php
$body_text = "#000000";
$body_bg = "#6aa311";
$theme_width = "950";
$theme_width_l = "175";
$theme_width_r = "175";
function render_header($header_content) {
global $theme_width,$settings;
echo "<table class='forumline' align='center' width='$theme_width' cellspacing='0' cellpadding='0'>";
echo "<tr><td><table align='center' width='100%' cellspacing='0' cellpadding='0'>";
echo "<tr><td><table align='center' width='100%' cellspacing='0' cellpadding='0'>";
echo "<tr><td class='header' width='100%'>";
echo "<table align=center width=950 height=299 background='".THEME."images/header_01.jpg' border=0 cellspacing=0 cellpadding=0>";
echo "</div>
</td>
<td height=0 border=0 align=right>
<div style=\"padding-bottom: 0px; padding-top: 250px; padding-left: 0px; padding-right: 0px;\">";
echo"<a href=''><img src='".THEME."images/header_02.jpg' border='0'></a>
<td height=0 border=0 align=right>
<div style=\"padding-bottom: 0px; padding-top: 250px; padding-left: 0px; padding-right: 0px;\">";
echo"<a href='".BASEDIR."news.php'><img src='".THEME."images/header_03.jpg' border='0'></a>
<td height=0 border=0 align=right>
<div style=\"padding-bottom: 0px; padding-top: 250px; padding-left: 0px; padding-right: 0px;\">";
echo"<a href='".FORUM."index.php'><img src='".THEME."images/header_04.jpg' border='0'></a>
<td height=0 border=0 align=right>
<div style=\"padding-bottom: 0px; padding-top: 250px; padding-left: 0px; padding-right: 0px;\">";
echo"<a href='".BASEDIR."search.php'><img src='".THEME."images/header_05.jpg' border='0'></a>
<td height=0 border=0 align=right>
<div style=\"padding-bottom: 0px; padding-top: 250px; padding-left: 0px; padding-right: 0px;\">";
echo"<a href='".BASEDIR."members.php'><img src='".THEME."images/header_06.jpg' border='0'></a>
<td height=0 border=0 align=right>
<div style=\"padding-bottom: 0px; padding-top: 250px; padding-left: 0px; padding-right: 0px;\">";
echo"<a href=".BASEDIR."infusions/banner_panel/index.php'><img src='".THEME."images/header_07.jpg' border='0'></a>
<td height=0 border=0 align=right>
<div style=\"padding-bottom: 0px; padding-top: 250px; padding-left: 0px; padding-right: 0px;\">";
echo"<a href=''><img src='".THEME."images/header_08.jpg' border='0'></a>
";
//Login Code End
echo"<script type='text/javascript'>LKT_init();</script>";
echo"</td></tr></table>";
echo "</td></tr></table>";
echo "<table width='100%' cellpadding='2' bgcolor='#F9F9F9' cellspacing='0' border='0'>";
echo "<img src='".THEME."images/pixel.gif' width='100%' height='4'>";
}
function render_footer($license=false) {
global $theme_width,$locale,$settings;
echo "</tr>\n</table>\n";
echo "<table cellSpacing='0' cellPadding='2' width='100%' border='0' background='".THEME."images/footer.gif' style='border-right: solid #c1d2ec 1px; border-left: solid #c1d2ec 1px;'>";
echo "<td width='20%' height='40' class='white' align='left'>";
if ($license == false) {
echo "<b><a href='http://php-fusion.co.uk' target='_blank'></a></b>";
}
echo "</td>";
echo "<td width='40%' class='white' align='center'>";
echo "<b>".stripslashes($settings['footer'])."</b></td>";
echo "<td width='26%' class='white' align='right'>";
echo "<b><a href=''></a></b>";
echo "</td>";
echo "<div align='center'></tr></table></td></tr></table></div>";
}
function render_news($subject, $news, $info) {
global $locale;
echo "<table border='0' style=': 1px solid #000000' cellspacing='1' width='100%' cellpadding='3'><tr>";
echo "<td background='".THEME."images/cellpic_news.gif' height='30'><font class='block-title' align=><center><b>$subject</b></center></font></td>";
echo "</tr></table>";
echo "<table width='100%' cellpadding='0' cellspacing='1' class='border'><tr>";
echo "<td><table width='100%' cellpadding='0' cellspacing='0'><tr>";
echo "<td class='main-body'>$news</td></tr></table>";
echo "<table width='100%' cellpadding='0' cellspacing='0'><tr>";
echo "<td class='news-footer'> ";
echo "".$locale['040']."<a href='profile.php?lookup=".$info['user_id']."'>".$info['user_name']."</a> ";
echo "".$locale['041'].showdate("longdate", $info['news_date'])." </td>";
echo "<td height='24' align='right' class='news-footer'>";
echo "".($info['news_ext'] == "y" ? "<a href='news.php?readmore=".$info['news_id']."'>".$locale['042']."</a> ·\n" : "")."";
if ($info['news_allow_comments'])
echo "<a href='news.php?readmore=".$info['news_id']."'>".$info['news_comments'].$locale['043']."</a> · ";
echo "".$info['news_reads'].$locale['044']." ";
echo "</td></tr></table></td></tr></table><br>\n";
}
function render_article($subject, $article, $info) {
global $locale;
echo "<table style='border: 1px solid #c1d2ec' cellspacing='1' width='100%' cellpadding='3'><tr>";
echo "<td background='".THEME."images/cellpic_news.gif' height='30'><font class='block-title'><center><b>$subject</b></center></font></td>";
echo "</td></tr></table>";
echo "<table width='100%' cellpadding='0' cellspacing='1' class='border'><tr>";
echo "<td><table width='100%' cellpadding='0' cellspacing='0'><tr>";
echo "<td class='main-body'>".($info['article_breaks'] == "y" ? nl2br($article) : $article)."";
echo "</td></tr></table>";
echo "<table width='100%' cellpadding='0' cellspacing='0'><tr>";
echo "<td class='news-footer'>";
echo "".$locale['040']."<a href='profile.php?lookup=".$info['user_id']."'>".$info['user_name']."</a> ";
echo "".$locale['041'].showdate("longdate", $info['article_date'])."</td>";
echo "<td height='24' align='right' class='news-footer'>";
if ($info['article_allow_comments']) echo $info['article_comments'].$locale['043']." · ";
echo "".$info['article_reads'].$locale['044']." ";
echo "<a href='print.php?type=A&item_id=".$info['article_id']."'><img src='".THEME."images/printer.gif' alt='".$locale['045']."' alt='' style='vertical-align:middle;'></a>";
echo "</td></tr></table></td></tr></table>\n";
}
// Open table begins
function opentable($title) {
echo "<table width='100%' cellpadding='3' cellspacing='1' style='border: 1px solid #c1d2ec'>";
echo "<tr><td bgcolor='#ffffff' background='".THEME."images/cellpic1.gif' height='25'><font class='head-title'><center><b>$title</b></center></font></td>";
echo "</tr></table>";
echo "<table width='100%' cellpadding='0' cellspacing='0' class='border'><tr>";
echo "<td class='main-body'>\n";
}
// Close table end
function closetable() {
echo "</td></tr></table>\n";
}
function openside($title) {
echo "<table border='0' style='border: 1px solid #c1d2ec' cellspacing='1' width='100%' cellpadding='3'><tr>";
echo "<td height='27' width='100%' background='".THEME."images/cellpic3.gif'>";
echo "<font class='block-title'><center><b>$title</b></center></font>";
echo "</td></tr>";
echo "<tr><td bgcolor='#ffffff' class='side-body' width='100%'>";
}
function closeside() {
echo "</td></tr></table>";
tablebreak();
}
function opensidex($title,$open="on") {
if($open=="on"){$box_img="off";}else{$box_img="on";}
echo "<table border='0' style='border: 1px solid #c1d2ec' cellspacing='1' width='100%' cellpadding='3'><tr>";
echo "<td height='27' width='100%' background='".THEME."images/cellpic3.gif'>";
echo "<img align='left' onclick=\"javascript:flipBox('$title')\" name='b_$title' border='0' src='".THEME."images/panel_$box_img.gif'><font class='block-title'><center><b>$title</b></center></font>";
echo "</td></tr>";
echo "<tr><td bgcolor='#ffffff' class='side-body' width='100%'>";
echo "<div id='box_$title'"; if($open=="off"){ echo "style='display:none'"; } echo ">\n";
}
function closesidex() {
echo "</div></td></tr></table>";
tablebreak();
}
// Table functions
function tablebreak() {
echo "<table width='100%' cellspacing='0' cellpadding='0'><tr><td height='8'></td></tr></table>\n";
}
?>
Parašė BigMan· 2009 Rugp. 29 00:08:51
#10
vytaz parašė:
nju ,kad jis man nlb derinas :?
Pabandik pats idet
?>[/code]
verske tu dek sita..
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css">
#left {
margin-right: 153px;
}
#right {
margin-left: 150px;
}
#left_wrapper {
width: 50%;
margin-right: -150px;
float: left;
position: relative;
z-index: 0;
}
#middle_wrapper {
width: 300px;
margin-right: -150px;
float: left;
position: relative;
z-index: 2;
}
#right_wrapper {
width: 49.9%;
float: left;
position: relative;
z-index: 1;
}
</style>
</head>
<body>
<div id="left_wrapper">
<div id="left">
<p>This is the left text : This is the left text :
This is the left text : This is the left text :
This is the left text : This is the left text :
This is the left text : This is the left text :
</p>
</div>
</div>
<div id="middle_wrapper">
<div id="middle">
<p>This is the middle text : this is the middle text
This is the middle text : this is the middle text
This is the middle text : this is the middle text
This is the middle text : this is the middle text
This is the middle text : this is the middle text
</p>
</div>
</div>
<div id="right_wrapper">
<div id="right">
<p>This is the right text : This is the right text
This is the right text : This is the right text
This is the right text : This is the right text
This is the right text : This is the right text
</p>
</div>
</div>
</body>
</html>
Redagavo BigMan· 2009 Rugp. 29 00:08:49
Parašė vytaz· 2009 Rugp. 29 00:08:39
#11
tai idek ta savo kodo ,nes as jo nepaleidziu net o Dandzo bent jau paleidziu ,bet headeri nerodo :D
Parašė BigMan· 2009 Rugp. 29 00:08:51
#12
vytaz parašė:
tai idek ta savo kodo ,nes as jo nepaleidziu net o Dandzo bent jau paleidziu ,bet headeri nerodo :D
imk...
Parašė vytaz· 2009 Rugp. 29 01:08:49
#13
ka tju ce prisegei?:|
i neasikes nuoradas nelandzioju..
Parašė BigMan· 2009 Rugp. 29 01:08:55
#14
vytaz parašė:
ka tju ce prisegei?:|
i neasikes nuoradas nelandzioju..
jau zinok nervuoji.. idejau koda i .html
Parašė vytaz· 2009 Rugp. 29 01:08:10
#15
atleisk ,bet kdl ce negalejei idet to kodo arba i
php faila sukist viska? :|
Parašė BigMan· 2009 Rugp. 29 09:08:07
#16
vytaz parašė:
atleisk ,bet kdl ce negalejei idet to kodo arba i php faila sukist viska? :|
tu totalus grybas zinai tu ta? idejau ta koda virsui, bet ne tu nemoki issiimt... tai idejau i .html... vis tek blogai.. uzsikast tu.
Parašė vytaz· 2009 Rugp. 29 20:08:13
#17
Grybe tju sukisdamas savo ta koda i
html man nepadejei,nes nieko naujo nepadarei...
Parašė BigMan· 2009 Rugp. 29 20:08:34
#18
vytaz parašė:
Grybe tju sukisdamas savo ta koda i html man nepadejei,nes nieko naujo nepadarei...
tai ko tu dar nori? prasiai kodo? GAVAI!!!!!!!!! ir nekelk bangu...
P.s nereikia man tu 1 delinti.. Nes tas ivertinimas nieko nereiskia.. Ir aplamai, negraziai darai.
Redagavo BigMan· 2009 Rugp. 29 20:08:41