میوانی بهڕێز، بهخێرهاتی بۆ مهكۆكانی وێبچن، وهك میوان دهتوانی ههموو بابهتهكانی مهكۆكان بخوێنیتهوه و پێویست به خۆ تۆمار كردن ناكات، بۆ ئهوهی بتوانی بابهت و پرسیار بنووسیت پێویسته خۆت تۆمار بكهیت كه چهند ههنگاوێكی زۆر ئاسان و كورته بۆ جێبهجێ كردن
سڵاو بهڕێزان...
من سایتێکی جوملهم دروست کردووه شوێنی دهنگدان لهلای چهپه و وهڵامهکانی ناویشی که ههڵیان دهبژێری لهلای چهپه، جا دهمهوێ تهنیا وهڵامهکانی ناوی بێنمه لای ڕاست. ئهمه چۆن دهکرێت؟؟ تکایه یارمهتیم بدهن
سوپاسی ههموو لایهک دهکهم...
لێره نیه
بهستهری ماڵپهڕهكهت؟
لێره نیه
سڵاو کاک ئاسۆ،
سوپاس بۆ وهڵامهکهت...
من ماڵپهڕهکهمم ههر لهناو کۆمپیوتهر دروست کردووه و هێشتا بڵاوم نهکردووهتهوه. ئهگهر زانیاریم لهم بارهیهوه پێ بدهی سوپاست دهکهم
لێره نیه
باشتر وایه Source Code ی ههردوو HTML و CSS ببینین بۆ ئهوهی هاوكاریت بكهین.
لێره نیه
ئهمهکۆدی HTML
<?php
defined( '_JEXEC' ) or die( 'Restricted access' );
JPlugin::loadLanguage( 'tpl_SG1' );
?>
<!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" xml:lang="<?php echo $this->language; ?>" lang="<?php echo $this->language; ?>" >
<head>
<jdoc:include type="head" />
<link rel="stylesheet" href="templates/system/css/system.css" type="text/css" />
<link rel="stylesheet" href="templates/<?php echo $this->template ?>/css/template.css" type="text/css" />
</head>
<body id="page_bg">
<div class="pill_m">
<div id="pillmenu">
<jdoc:include type="modules" name="user3" />
</div>
</div>
<div class="clr"></div>
<div id="undermenu"></div>
<div id="header">
<div id="logo">
<a href="index.php"><?php echo $mainframe->getCfg('sitename') ;?></a>
</div>
</div>
<div class="center">
<div id="wrapper">
<div id="content">
<?php if($this->countModules('left') and JRequest::getCmd('layout') != 'form') : ?>
<div id="leftcolumn">
<jdoc:include type="modules" name="left" style="rounded" />
<?php $sg = 'banner'; include "templates.php"; ?>
</div>
<?php endif; ?>
<?php if($this->countModules('right') and JRequest::getCmd('layout') != 'form') : ?>
<div id="maincolumn">
<?php else: ?>
<div id="maincolumn_full">
<?php endif; ?>
<div class="nopad">
<jdoc:include type="message" />
<?php if($this->params->get('showComponent')) : ?>
<jdoc:include type="component" />
<?php endif; ?>
</div>
</div>
<?php if($this->countModules('right') and JRequest::getCmd('layout') != 'form') : ?>
<div id="rightcolumn" style="float:right;">
<jdoc:include type="modules" name="right" style="rounded" />
</div>
<?php endif; ?>
<div class="clr"></div>
</div>
</div>
<div id="content_bottom"></div>
<jdoc:include type="modules" name="debug" />
</div>
<div id="footer">
<p>
Designed By: <a href="http://www.hellomedia.com">HelloMedia!</a> & <a href="http://www.multimedia.com">Multimedia</a>.
</p>
<div id="sgf">
<?php $sg = ''; include "templates.php"; ?>
</div>
</div>
</body>
</html>ئهمه کۆدی CSS
html {
height: 100%;
margin-bottom: 0px;
}
form {
margin: 0;
padding: 0;
}
img,table {
border: none;
}
body {
font-family: Tahoma, Arial, sans-serif;
line-height: 1.3em;
margin: 0;
padding: 0;
font-size: 12px;
color: #000;
}
body.contentpane {
background: #FEFEFE;
}
a:link, a:visited {
text-decoration: underline;
font-weight: normal;
color: #333;
outline: none;
}
a:hover {
text-decoration: none;
font-weight: normal;
color: #000;
}
input.button, .validate {
color: #333;
font-size: 12px;
border: 1px solid #555;
}
.search input.button {
text-align: right;
}
input.button:hover, .validate:hover {
}
p {
margin-top: 0;
margin-bottom: 5px;
text-align: justify;
}
.inputbox {
border: 1px solid #555;
color: #333;
padding: 2px;
}
.inputbox:hover {
}
/*****************************************/
/*** Template specific layout elements ***/
/*****************************************/
#page_bg {
padding: 0;
background: #FEFEFE url(../images/bg.jpg) top left repeat-x;
}
div.center {
text-align: center;
margin: 0 auto;
padding: 0;
width: 906px;
}
div#wrapper {
margin: 0 auto;
width: 906px;
text-align: right;
background: url(../images/content.jpg) top center repeat-y;
}
#header {
height: 226px;
background: url(../images/header.jpg) top center no-repeat;
margin: 0 auto;
width: 906px;
}
#content {
width: 886px;
margin: 0 auto;
padding: 10px;
overflow: hidden;
}
#content_bottom {
background: url(../images/content_bottom.jpg) top center no-repeat;
height: 14px;
}
.pill_m {
text-align: right;
margin: 22px auto 0 auto;
padding: 0;
background: url(../images/menu.jpg) top center no-repeat;
width: 906px;
height: 47px;
}
#pillmenu {
float: right;
margin: 0;
}
#pillmenu ul {
margin: 0;
padding: 0 14px;
list-style: none;
}
#pillmenu li {
float: right;
margin: 0;
padding: 0;
height: 47px;
background: url(../images/menu_li.jpg) bottom right no-repeat;
}
#pillmenu li:hover {
}
#pillmenu li a#active_menu-nav {
background: url(../images/menu_li_a_hover.jpg) bottom right no-repeat;
}
#pillmenu li a {
font-family: Tahoma, Verdana, sans-serif;
font-size: 16px;
float: left;
display: block;
line-height: 47px;
padding: 0 10px;
color: #FFF;
text-decoration: none;
font-weight: normal;
text-transform: lowercase;
height: 47px;
}
#pillmenu li a:hover {
background: url(../images/menu_li_a_hover.jpg) bottom right no-repeat;
}
#undermenu {
background: url(../images/undermenu.jpg) top center no-repeat;
width: 906px;
height: 8px;
margin: 0 auto;
font-size: 0;
}
#leftcolumn ,#rightcolumn {
margin: 0;
width: 180px;
float: left;
text-align: center;
padding: 0;
}
div#maincolumn {
float: left;
width: 514px;
padding: 0 6px;
}
div#maincolumn_full {
float: left;
width: 674px;
padding: 0 0 0 10px;
}
div.nopad {
overflow: hidden;
padding: 0;
}
div.nopad ul {
clear: both;
}
td.middle_pad {
width: 20px;
}
#banner_l {
text-align: left;
padding: 0 0 0 24px;
}
#footer {
margin: 0 auto;
width: 906px;
height: 50px;
text-align: center;
vertical-align: top;
padding-bottom: 10px;
}
#footer p {
height: 20px;
text-align: left;
padding: 10px 30px 0 0;
color: #666;
}
/*****************************************/
/*** Joomla! specific content elements ***/
/*****************************************/
div.offline {
background: #fffebb;
width: 100%;
position: absolute;
top: 0;
left: 0;
font-size: 1.2em;
padding: 5px;
}
/* headers */
div.componentheading {
height: 22px;
padding: 8px 0 0 10px;
}
table.blog {
}
h1 {
padding: 0;
font-family: Tahoma;
font-size: 1.3em;
font-weight: bold;
vertical-align: bottom;
color: #333;
text-align: right;
width: 100%;
}
h2, .contentheading {
padding: 0;
font-family: Tahoma, Arial, sans-serif;
font-size: 17px;
vertical-align: center;
color: #333;
text-align: right;
font-weight: bold;
}
table.contentpaneopen h3 {
margin-top: 25px;
}
h4 {
font-family: Tahoma, Arial, sans-serif;
color: #333;
text-align: right;
}
h3, .componentheading, table.moduletable th, legend {
margin: 0;
font-family: Tahoma, Arial, sans-serif;
font-size: 22px;
text-align: right;
color: #555;
padding: 0;
}
/* small text */
.small {
font-size: 12px;
color: #555;
font-weight: normal;
text-align: right;
}
.modifydate {
height: 22px;
vertical-align: bottom;
font-size: 10px;
color: #555;
font-weight: normal;
text-align: right;
}
.createdate {
height: 20px;
vertical-align: top;
font-size: 10px;
color: #555;
font-weight: normal;
vertical-align: top;
padding-top: 0px;
}
a.readon {
display: block;
float: right;
line-height: 14px;
font-size: 16px;
font-weight: bold;
text-decoration: none;
padding: 1px 2px 1px 2px;
}
a.readon:hover {
color: #333;
}
/* form validation */
.invalid { border-color: #ff0000; }
label.invalid { color: #ff0000; }
/** overlib **/
.ol-foreground {
background-color: #f1f1f1;
color: #333;
}
.ol-background {
background-color: #f1f1f1;
color: #333;
}
.ol-textfont {
font-family: Tahoma, Arial, sans-serif;
font-size: 12px;
}
.ol-captionfont {
font-family: Tahoma, Arial, sans-serif;
font-size: 12px;
color: #f6f6f6;
font-weight: bold;
}
.ol-captionfont a {
background-color: #f1f1f1;
color: #333;
text-decoration: none;
font-size: 12px;
}
.ol-closefont {}
/* menu links */
a.mainlevel:link, a.mainlevel:visited {
padding-left: 5px;
}
a.mainlevel:hover {
}
/* spacers */
span.article_separator {
display: block;
height: 20px;
}
.article_column {
}
.column_separator {
}
td.buttonheading {
text-align: right;
width: 0;
}
.clr {
clear: both;
}
table.blog span.article_separator {
display: block;
height: 20px;
}
/* table of contents */
table.contenttoc {
margin: 5px;
border: 1px solid #ccc;
padding: 5px;
}
table.contenttoc td {
padding: 0 5px;
}
/* content tables */
td.sectiontableheader {
color: #333;
font-weight: bold;
padding: 4px;
border-bottom: 1px solid #666;
}
tr.sectiontableentry0 td,
tr.sectiontableentry1 td,
tr.sectiontableentry2 td {
padding: 4px;
}
td.sectiontableentry0,
td.sectiontableentry1,
td.sectiontableentry2 {
padding: 3px;
color: #e3e7ff;
font-size: 12px;
float: right;
}
/* content styles */
.contentpaneopen, table.contentpane {
margin: 0;
padding: 0;
}
table.contentpane td{
text-align: center;
}
table.contentpane td.contentdescription {
width: 100%;
}
table.contentpane {
text-align: center;
float: left;
width: 100%;
margin: 8px;
}
table.contentpane ul li a .category {
color: #FF8800;
}
table.contentpane ul li {
color: #333;
}
table.contentpaneopen {
margin: 2px 8px;
}
table.contentpaneopen li {
margin-bottom: 5px;
}
table.contentpaneopen fieldset {
border: 0;
border-top: 1px solid #669933;
}
table.contentpaneopen h3 {
margin-top: 25px;
}
table.contentpaneopen h4, table.contentpaneopen h5, table.contentpaneopen h6 {
font-family: Tahoma, Arial, sans-serif;
color: #333;
font-size: 12px;
}
.highlight {
background-color: #fffebb;
}
/* module control elements */
table.user1user2 div.moduletable {
margin-bottom: 0px;
}
div.moduletable, div.module {
margin-bottom: 25px;
}
div.module_menu, div.module, div.module_text {
margin: 0 0 14px 0;
padding: 0;
}
div.module_menu div, div.module, div.module_text div {
}
div.module_menu div div, div.module div div, div.module_text div div {
padding: 0;
background: url(../images/column_bottom.jpg) bottom center no-repeat;
}
div.module_menu div div div, div.module div div div{
padding: 0 0 4px 0;
background: url(../images/column_top.jpg) top center no-repeat;
}
div.module div div div {
text-align: center;
}
div.module_menu div div div div, div.module div div div div, div.module_text div div div div {
background: transparent;
padding: 4px 8px;
margin: 0 auto;
}
div.bannergroup_text {
display: block;
width: 164px;
color: #FFF;
}
div.module div div div form {
padding: 0;
width: 164px;
margin: 0 auto;
text-align: right;
}
div.module div div div form ul {
margin: 0;
padding: 0 0 10px 40px;
}
div.module_menu ul {
list-style: none;
}
div.module_menu ul li{
margin: 0;
padding: 0;
}
div.module_menu ul li a:link, div.module_menu ul li a:visited {
font-weight: bold;
background: transparent url(../images/blue/bullet2.jpg) top left no-repeat;
padding: 2px 0 2px 25px;
line-height: 24px;
text-align: center;
}
#leftcolumn div.module table ,#rightcolumn div.module table {
}
#leftcolumn div.module table.poll {
}
#leftcolumn div.module table.poll td {
text-align: right;
}
/* LEFT COL H3 */
#leftcolumn h3, #rightcolumn h3 {
color: #FFF;
font-family: Tahoma, Verdana, Arial, sans-serif;
font-size: 14px;
text-align: center;
height: 32px;
width: 160px;
text-decoration: none;
padding: 0 0 0 20px;
background: url(../images/h3.jpg) top center no-repeat;
font-weight: normal;
line-height: 24px;
margin: 0;
}
#leftcolumn .moduletable_menu, #leftcolumn .moduletable, #leftcolumn .moduletable_text, #leftcolumn .c,
#rightcolumn .moduletable_menu, #rightcolumn .moduletable, #rightcolumn .moduletable_text, #rightcolumn .c {
margin: 0 0 16px 0;
padding: 0 0 8px 0;
}
#leftcolumn ul.menu, #rightcolumn ul.menu {
margin: 0 auto;
padding: 0;
list-style: none;
width: 164px;
text-align: center;
}
#leftcolumn ul.menu li, #rightcolumn ul.menu li {
margin: 0;
padding: 0;
}
#leftcolumn ul.menu li:hover, #rightcolumn ul.menu li:hover {
}
/*LEFT COL LINK*/
#leftcolumn ul.menu li a, #leftcolumn ul.menu li a:link,
#rightcolumn ul.menu li a, #rightcolumn ul.menu li a:link {
line-height: 18px;
padding: 0 0 0 14px;
text-decoration: none;
color: #e3e7ff;
font-weight: normal;
font-size: 12px;
background: url(../images/menu_row.jpg) center left no-repeat;
margin: 0;
height: 10px;
}
#leftcolumn ul.menu li a:hover, #rightcolumn ul.menu li a:hover {
color: #FFF;
}
/*LEFT COL CURRENT LINK*/
#leftcolumn ul.menu li#current a, #leftcolumn ul.menu li#current a:link,
#rightcolumn ul.menu li#current a, #rightcolumn ul.menu li#current a:link {
line-height: 18px;
padding: 0 0 0 14px;
text-decoration: none;
color: #FFF;
font-weight: normal;
font-size: 12px;
background: url(../images/menu_row.jpg) center left no-repeat;
margin: 0;
height: 10px;
}
#leftcolumn ul.menu li#current a:hover, #rightcolumn ul.menu li#current a:hover {
}
/*LEFT COL SUB LINK*/
#leftcolumn ul.menu li#current ul li a, #leftcolumn ul.menu li#current ul li a:link {
text-decoration: none;
color: #e3e7ff;
margin: 0 0 0 6px;
font-size: 11px;
background: url(../images/submenu_row.jpg) center left no-repeat;
font-weight: normal;
display: block;
line-height: 18px;
padding: 0 0 0 28px;
border: none;
height: 18px;
}
#leftcolumn ul.menu li ul li#current a, #leftcolumn ul.menu li ul li#current a:link, #leftcolumn ul.menu li ul li#current a:visited, #leftcolumn ul.menu li ul li#current a:hover {
font-size: 11px;
margin: 0 0 0 6px;
padding: 0 0 0 28px;
text-decoration: none;
border: none;
color: #FFF;
background: url(../images/submenu_row.jpg) center left no-repeat;
height: 18px;
line-height: 18px;
}
/*SUBMENU POSITION*/
#leftcolumn ul.menu li#current ul {
margin: 0;
padding: 0;
}
#leftcolumn ul.menu li#current ul li {
margin: 0;
padding: 0;
}
/*CURRENT SUBMENU POSITION*/
#leftcolumn ul.menu li ul {
margin: 0;
padding: 0;
}
#leftcolumn ul.menu li#current ul li a:hover {
color: #FFF;
}
#leftcolumn ul.menu li ul, #rightcolumn ul.menu li ul {
list-style: none;
}
/* forms */
#leftcolumn .moduletable ul, #rightcolumn .moduletable ul {
margin: 6px 0;
padding: 0;
list-style: none;
}
#leftcolumn .moduletable ul li, #rightcolumn .moduletable ul li {
margin: 0;
padding: 0 2px;
}
table.adminform textarea {
width: 540px;
height: 400px;
font-size: 1em;
color: #000099;
}
form#form-login fieldset {
border: 0 none;
margin: 0;
padding: 4px 7px 9px 7px;
}
form#form-login ul li{
padding: 0;
}
form#form-login ul li a {
text-align: right;
padding: 0;
font-size: 12px;
color: #e3e7ff;
}
/* thumbnails */
div.mosimage { margin: 5px; }
div.mosimage_caption { font-size: .90em; color: #333; }
div.caption { padding: 0 10px 0 10px; }
div.caption img { border: 1px solid #CCC; }
div.caption p { font-size: .90em; color: #333; text-align: center; }
/* Parameter Table */
table.paramlist {
margin-top: 5px;
}
table.paramlist td.paramlist_key {
width: 128px;
text-align: center;
height: 30px;
}
table.paramlist td.paramlist_value {
}
div.message {
font-family: Tahoma, Arial, sans-serif;
font-weight: bold;
font-size : 14px;
color : #c30;
text-align: center;
width: auto;
background-color: #f9f9f9;
border: solid 1px #d5d5d5;
margin: 3px 0px 10px;
padding: 3px 20px;
}
/* Banners module */
/* Default skyscraper style */
.bannergroup {
}
.banneritem {
}
/* Text advert style */
.banneritem_text {
padding: 4px;
font-size: 14px;
}
/* System Messages */
/* see system general.css */
.pagination span { padding: 2px; }
.pagination a { padding: 2px; }
/* Polls */
.pollstableborder td {
text-align: right;
}
/* Frontend Editing*/
fieldset {
border: 1px solid #ccc;
margin-top: 15px;
padding: 15px;
text-align: right;
}
legend {
margin: 0;
padding: 0 10px;
}
td.key {
border-bottom:1px solid #eee;
color: #333;
}
/* Tooltips */
.tool-tip {
float: left;
background: #ffc;
border: 1px solid #D4D5AA;
padding: 5px;
max-width: 200px;
}
.tool-title {
padding: 0;
margin: 0;
font-size: 100%;
font-weight: bold;
margin-top: -15px;
padding-top: 15px;
padding-bottom: 5px;
background: url(../../system/images/selector-arrow.png) no-repeat;
}
.tool-text {
font-size: 100%;
margin: 0;
}
/* System Standard Messages */
#system-message dd.message ul {
padding: 0;
margin: 0;
background: none;
border: none;
}
/* System Error Messages */
#system-message dd.error ul {
color: #c00;
background: none;
border: none;
padding: 0;
margin: 0;
}
/* System Notice Messages */
#system-message dd.notice ul {
color: #c00;
background: none;
border: none;
padding: 0;
margin: 0;
}
#system-message dd {
text-indent: 0;
}
#system-message dd ul {
list-style-type: none;
color: #c00;
background: none;
border: none;
}
#system-message {
margin-top: 5px;
}
/* ****************************************************************************** */
/* blue */
input, button {
}
/* blue */
input[type="checkbox"], input[type="radio"]{
background: transparent;
border: none;
}
/* -------------------------- */
a.sgfooter:link, a.sgfooter:visited {
color: #555;
font-family: Tahoma, Arial, sans-serif;
text-decoration: none;
}
a.sgfooter:hover {
color: #555;
font-family: Tahoma, Arial, sans-serif;
text-decoration: none;
}
#sgf {
font-size: 1px;
text-align: center;
width: 100%;
margin: 0 auto;
color: #ffffff;
font-family: Tahoma, Arial, sans-serif;
}
.sgf {
text-align: right;
font-size: 1px;
font-family: Tahoma, Arial, sans-serif;
color: #ffffff;
text-decoration: none;
}
.sgf1 {
font-size: 14px;
font-family: Tahoma, Arial, sans-serif;
color: #555;
text-align: center;
}
a.sglink:link, a.sglink:visited {
color: #555;
font-size: 14px;
font-family: Tahoma, Arial, sans-serif;
text-decoration: bold;
}
a.sglink:hover {
color: #555;
font-family: Tahoma, Arial, sans-serif;
text-decoration: none;
}لێره نیه
داوای لێبوردن دهکهم بهو شێوهی ئێوه کۆدهکان دادهنێن نهمتوانی دابنێم.
ههروهها کاک ئاسۆ من دهستکاری زۆری کۆدهکانم کردووه ئهگهر ببینی.
لێره نیه
تكایه Source Code ی پهڕهكهت به HTML ی دابنێ نهك PHP، واته له وێبگهڕ ماڵپهڕهكهت بكهوه و دواتر لهوێوه كۆدهكانی بنێره.
لێره نیه