نمایش نسخه قابل چاپ
سلام دوستان مامبویی
من به تمپلت فارسی رو ست می کردم متوجه شدم تو تصویر اثشیثق اگر از PNG فورمت استفاده نکنم نشون داده نمیشه دلیل چیه
و اینکه تو کدا گشتنم ولی نتونستن فونت عنوان ماژولا مثل [size=30pt]نظر سنجی[/size] رو عوض کنم چون از حد معمول بزرگتر هستش.
باید چه کنم؟
دوستان برای قرار دادن یه مازول مثل ورود اعضا یا حتی هواشناسی قرار دادنش تو یه بلوک تو index کافیه نه؟
دوست عزیز من
در هر دو مورد در انجمن بحث شده است لطفا جستجو کنید
در مورد آخری بله ماژول در موقعیت مورد نظر قرار بگیره کافیه
یاعلی
سلام
من تو سرچ چیزی در مورد فرمت عکس پیدا نکردم
من نمی تونم از JPEG جایه PNG استاده کنم.
[quote author=petersool link=topic=6532.msg38530#msg38530 date=1179777846]
من نمی تونم از JPEG جایه PNG استاده کنم.
[/quote]
می توانید کافیه در قالب در جاهایی که فایل های PNG قرار داره تعویض بشه و Jpg بشوند و عکس ها رو نیز به همین فرمت در بیاری
اگر درست متوجه شده باشم ... منظورت رو
مثلا جایی نوشته header.png اون رو بکن header.jpg بعد فایل مورد نظر رو هم در فولدر مورد نظرش با همین فرمت قرار بده
یاعلی
بله این کار خیل سادست ولی عکسی که PNG نباشه تو تمپلیت نمایش داده نمیشه.
دوست عزیز
من هم همین رو گفتم باید شما اون جاهایی که تصاویر PNG فراخوانی میشن رو به JPG تغییر بدین منظور نوع کد ی هست که در قالب به کار رفته است
بعد هم تصاویر JPG رو اضافه کنید یعنی دو کار اول تغییر کد های مربوط به عکس ها و دوم ایجاد و اضافه کردن تصاویر
اگه خواستید فایل رو بزارید کمکتون کنیم
یاعلی
جالب هست که
header در CSS فرا خوانی شده
وقتی header.png می زنم و header.png دارم مشکلی نیست
ولی وقتی header.jpeg تو fplder image دارم و headert. jepg می زنم نمیاد
دوست عزیز
فایل css و Index رو بزار تا بررسی بشه
یا کل قالب رو بزارید حل میشه نگران نباشید کار نشد نداره
یاعلی
کد:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "[مهمان/کاربر گرامی برای دیدن لینک ها ابتدا باید عضو سایت شوید و لاگین کنید برای ثبت نام اینجا کلیک کنید]
<html xmlns="[مهمان/کاربر گرامی برای دیدن لینک ها ابتدا باید عضو سایت شوید و لاگین کنید برای ثبت نام اینجا کلیک کنید]
<head>
<?php mosShowHead(); ?>
<?php
if ( $my->id ) {
initEditor();
}
$collspan_offset = ( mosCountModules( 'right' ) + mosCountModules( 'user2' ) ) ? 2 : 1;
//script to determine which div setup for layout to use based on module configuration
$user1 = 0;
$user2 = 0;
$colspan = 0;
$right = 0;
$left = 0;
// banner combos
//user1 combos
if ( mosCountModules( 'user1' ) + mosCountModules( 'user2' ) == 2) {
$user1 = 2;
$user2 = 2;
$colspan = 3;
} elseif ( mosCountModules( 'user1' ) == 1 ) {
$user1 = 1;
$colspan = 1;
} elseif ( mosCountModules( 'user2' ) == 1 ) {
$user2 = 1;
$colspan = 1;
}
//right based combos
if ( mosCountModules( 'right' ) and ( empty( $_REQUEST['task'] ) || $_REQUEST['task'] != 'edit' ) ) {
$right = 1;
}
//left based combos
if ( mosCountModules( 'left' ) and ( empty( $_REQUEST['task'] ) || $_REQUEST['task'] != 'edit' ) ) {
$left = 1;
}
?>
<?php if ( $my->id ) { initEditor(); } ?>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<?php mosShowHead(); ?>
<?php echo "<link rel=\"stylesheet\" href=\"$GLOBALS[mosConfig_live_site]/templates/$GLOBALS[cur_template]/css/template_css.css\" type=\"text/css\"/>\n" ; ?>
</head>
<body class="jey-body">
<table width="800" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF">
<tr>
<td colspan="3"><div id="jey-header">
<div id="jey-top-key">
<?php mosLoadModules ( 'user3', -1); ?>
</div>
<div id="jey-path">
<?php mosPathWay(); ?>
</div>
</div></td>
</tr>
<tr>
<td width="10" rowspan="4" id="jey-shadow-right"><img src="templates/jey_amirieh_rtl/images/spacer.png" alt="spacer" width="10" height="1" /></td>
<td width="10" id="jey-top-back">
<div id="jey-top">
<?php
if ( mosCountModules( 'top' ) ) {
mosLoadModules ( 'top', -2 );
} else {
?>
<span class="error">Top Module Empty</span>
<?php
}
?>
</div>
<div id="jey-banner"><img src="<?php echo $mosConfig_live_site;?>/templates/jey_tech_rtl/images/advertisement.png" alt="advertisement.png, 0 kB" title="advertisement" border="0" height="8" width="468"/><br />
<?php mosLoadModules( 'banner', -1 ); ?>
</div></td>
<td width="10" rowspan="4" id="jey-shadow-left"><img src="templates/jey_tech_rtl/images/spacer.png" alt="spacer" width="10" height="1" /></td>
</tr>
<tr>
<td><table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="10" valign="top"><img src="templates/jey_tech_rtl/images/spacer.png" alt="spacer" width="10" height="10" /></td>
<?php if ( $left > 0 ) { ?>
<td width="160" valign="top"><?php mosLoadModules ( 'left', -2); ?></td>
<td width="20" class="jey-seperator-vert">&nbsp;</td>
<?php } ?>
<td valign="top">
<?php if ( $user1 > 0 || $user2 > 0) { ?>
<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<?php if ($user1 > 0) { ?>
<td valign="top" <?php if ($user1 > 0 && $user2 > 0) {echo "width=\"288\"";} ?>>
<div class="jey-user-menu">
<div>
<div>
<div>
<div>
<?php mosLoadModules ( 'user1'); ?>
</div>
</div>
</div>
</div>
</div> </td>
<?php } ?>
<?php if ( $user1 > 0 && $user2 > 0) { ?><td width="10"><img src="templates/jey_tech_rtl/images/spacer.png" alt="spacer" width="10" height="10" /></td>
<?php } ?>
<?php if ($user2 > 0) { ?>
<td valign="top">
<div class="jey-user-menu">
<div>
<div>
<div>
<div>
<?php mosLoadModules ( 'user2'); ?>
</div>
</div>
</div>
</div>
</div> </td>
<?php } ?>
<td width="10" valign="top"><img src="templates/jey_tech_rtl/images/spacer.png" alt="spacer" width="10" height="10" /></td>
</tr>
</table>
<br />
<?php } ?>
<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td valign="top"><?php mosMainBody(); ?></td>
<?php if ( $right > 0 ) { ?>
<td width="20" class="jey-seperator-vert">&nbsp;</td>
<td width="160" valign="top"><?php mosLoadModules ( 'right', -2); ?> </td>
<?php } ?>
<td width="10" valign="top"><img src="templates/jey_tech_rtl/images/spacer.png" alt="spacer" width="10" height="10" /></td>
</tr>
</table><br /></td>
</tr>
</table></td>
</tr>
<tr>
<td bgcolor="#6898FE"><img src="templates/jey_tech_rtl/images/spacer.png" alt="spacer" width="25" height="6" /></td>
</tr>
<tr>
<td id="jey-link-bottom">
<?php mosLoadModules ( 'user3', -1); ?></td>
</tr>
<tr>
<td height="13" colspan="3" align="center" id="jey-shadow-bottom">
<?php include_once( $GLOBALS['mosConfig_absolute_path'] . '/includes/footer.php' ); ?></td>
</tr>
</table>
<?php mosLoadModules( 'debug', -1 );?>
</body>
</html>
کد:/* JeyCSS */
body {
direction:rtl;
background-color: #FFFFFF;
margin: 14px;
height: 100%;
padding: 0px;
font-family: Tahoma, Arial, Helvetica, Sans Serif;
line-height: 120%;
font-size: 11px;
color: #333333;
}
hr {
border-bottom: 0px;
border-top: dashed #CCCCCC 1px;
border-left: 0px;
border-right: 0px;
height: 1px;
}
.jey-body {
background-color: #E4E4E4;
background-image: url(../images/bg.png);
}
.category {
float: right;
}
#jey-powered-by {
padding-top: 10px;
padding-bottom: 5px;
}
.jey-user-menu {
background: #F8F8F8;
width: auto;
background-image: url(../images/user_bottom_left.png);
background-position: bottom left;
background-repeat: no-repeat;
}
.jey-user-menu table.moduletable th, .jey-user-menu div.moduletable h3 {
color: #6F5340;
}
.jey-user-menu a:link {
color: #6F5340;
}
.jey-user-menu a:visited {
color: #867367;
}
.jey-user-menu a:hover {
color: #A86638;
}
.jey-user-menu div {
background-image: url(../images/user_top_left.png);
background-position: top left;
background-repeat: no-repeat;
}
.jey-user-menu div div {
background-image: url(../images/user_bottom_right.png);
background-position: bottom right;
background-repeat: no-repeat;
}
.jey-user-menu div div div {
background-image: url(../images/user_top_right.png);
background-position: top right;
background-repeat: no-repeat;
}
.jey-user-menu div div div div {
padding: 10px;
}
#jey-header {
height: 153px;
width: 800px;
margin:auto;
background-image: url(../images/header.png);
background-repeat: no-repeat;
background-position: center;
}
#jey-path {
width: 600px;
padding-top: 105px;
padding-right: 150px;
float:right;
}
#jey-top-key {
width: 780px;
padding-left: 10px;
padding-top: 2px;
float:left;
}
#jey-top-back {
height: 82px;
width: 780px;
margin:auto;
background-image: url(../images/header_bottom.png);
background-repeat: no-repeat;
background-position: center;
}
#jey-top {
float: left;
width:260px;
height: 62px;
padding-top: 4px;
padding-left: 20px;
padding-right: 15px;
overflow: hidden;
}
#jey-top td {
color: #000000;
}
#jey-top p {
margin: 0;
}
#jey-top .contentpaneopen td {
font-size: 11px;
line-height: 15px;
}
#jey-top a:link, #jey-top a:visited {
color: #0033CC;
text-decoration: none;
font-weight: normal;
}
#jey-top a:hover {
color: #0033CC;
text-decoration: underline;
font-weight: normal;
}
#jey-banner {
font-family:tahoma;
font-size:10px;
color:#CCCCCC;
float: right;
width:473px;
padding-top: 7px;
padding-right: 10px;
height: 75px;
}
#jey-link-bottom {
background-color: #294F94;
}
#jey-link-bottom ul#mainlevel-nav li {
border-right: 1px solid #6898FE;
}
#jey-link-bottom ul#mainlevel-nav li a {
color: #CCCCCC;
background-color: #294F94;
}
#jey-link-bottom ul#mainlevel-nav li a:hover {
color: #FFFFFF;
background: #6898FE;
}
.jey-seperator-vert {
background-image: url(../images/seperator_vert.png);
background-repeat: repeat-y;
background-position: center;
}
#jey-shadow-right {
background-image: url(../images/shadow_right.png);
background-repeat: repeat-y;
}
#jey-shadow-left {
background-image: url(../images/shadow_left.png);
background-repeat: repeat-y;
}
#jey-shadow-bottom {
background-image: url(../images/shadow_bottom.png);
background-repeat: repeat-x;
background-position: top;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
text-align:center;
background-color:#939393;
}
.pathway {
color: #FFFFFF;
}
.pathway a:link, .pathway a:visited {
color: #FFFFFF;
text-decoration: none;
font-weight: normal;
}
.pathway a:hover {
color: #FFFFCC;
text-decoration: underline;
font-weight: normal;
}
h1, h2, h3, h4, h5, h6 {
font-family: "Times New Roman", Times, serif;
}
h1 {
font-size: 30px;
}
h2 {
font-size: 26px;
}
h2 {
font-size: 22px;
}
h3 {
font-size: 18px;
}
h4 {
font-size: 16px;
}
h5 {
font-size: 14px;
}
h6 {
font-size: 12px;
}
/* CSS Document */
html {
height: 100%;
}
.clr {
clear: both;
}
.outline {
border: 1px solid #cccccc;
background: #ffffff;
padding: 2px;
}
#pathway_text {
overflow: hidden;
display: block;
height: 25px;
line-height: 25px !important;
line-height: 22px;
padding-right: 4px;
border: 1px solid #ccc;
margin-bottom: 2px;
}
#pathway_text img {
margin-left: 5px;
margin-right: 5px;
margin-top: 6px;
}
#buttons {
float: right;
margin: 0px;
padding: 0px;
width: auto;
}
ul#mainlevel-nav {
list-style: none;
padding: 0;
margin: 0;
font-size: 0.8em;
}
ul#mainlevel-nav li
{
background-image: none;
padding-left: 0px;
padding-right: 0px;
float: left;
margin: 0;
font-size: 11px;
line-height: 18px;
white-space: normal;
border-right: 1px solid #D1DBF7;
}
ul#mainlevel-nav li a
{
display: block;
padding-left: 15px;
padding-right: 15px;
text-decoration: none;
color: #2A4F94;
font-weight: bold;
background-color: #FFFFFF;
}
#buttons>ul#mainlevel-nav li a {
width: auto;
}
ul#mainlevel-nav li a:hover {
color: #304F4F;
background: #D1DBF7;
}
table.content_table {
width: 100%;
padding: 0px;
margin: 0px;
}
table.content_table td {
padding: 0px;
margin: 0px;
}
.maintitle {
color: #ffffff;
font-size: 40px;
padding-right: 15px;
padding-top: 20px;
}
.error {
font-style: italic;
text-transform: uppercase;
padding: 5px;
color: #cccccc;
font-size: 14px;
font-weight: bold;
}
/** old stuff **/
.back_button {
text-align: center;
font-size: 11px;
font-weight: bold;
border: 1px solid #cccccc;
border-bottom: 1px solid #999999;
width: auto;
background: url(../images/button_bg.png) repeat-x;
padding: 0px 10px;
line-height: 20px;
margin: 1px;
float: left;
}
.pagenav {
text-align: center;
font-size: 11px;
font-weight: bold;
border: 1px solid #cccccc;
border-bottom: 1px solid #999999;
width: auto;
background: url(../images/button_bg.png) repeat-x;
padding: 0px 10px;
line-height: 20px;
margin: 1px;
float: right;
color: #999999;
}
.pagenavbar {
margin-right: 10px;
float: right;
}
#footer {
text-align: center;
padding: 3px;
}
ul
{
margin: 0;
padding: 0;
list-style: none;
}
li
{
line-height: 15px;
padding-right: 15px;
padding-top: 0px;
background-image: url(../images/circle.png);
background-repeat: no-repeat;
background-position: right 5px;
}
td {
text-align: right;
font-size: 11px;
line-height: 16px;
}
/* Joomla core stuff */
a:link {
color: #003399;
text-decoration: none;
font-weight: bold;
}
a:visited {
color: #6180BE;
text-decoration: none;
font-weight: bold;
}
a:hover {
color: #3366FF;
text-decoration: none;
}
table.contentpaneopen {
width: 100%;
padding: 0px;
border-collapse: collapse;
border-spacing: 0px;
margin: 0px;
}
table.contentpaneopen td {
padding-right: 5px;
}
table.contentpaneopen td.componentheading {
padding-left: 4px;
}
table.contentpane {
width: 100%;
padding: 0px;
border-collapse: collapse;
border-spacing: 0px;
margin: 0px;
}
table.contentpane td {
margin: 0px;
padding: 0px;
}
table.contentpane td.componentheading {
padding-left: 4px;
}
table.contentpaneopen fieldset {
border: 0px;
border-bottom: 1px solid #eee;
}
.button {
font-family: Tahoma, Arial, Hevlvetica, sans-serif;
text-align: center;
font-size: 11px;
font-weight: bold;
width: auto;
padding: 0px 5px;
line-height: 18px !important;
line-height: 16px;
height: 26px !important;
height: 24px;
margin: 1px;
}
.inputbox {
padding: 2px;
font-family: Tahoma, Arial, Hevlvetica, sans-serif;
border:solid 1px #cccccc;
background-color: #ffffff;
}
.componentheading {
color: #003399;
text-align: right;
padding-top: 4px;
padding-left: 4px;
height: 21px;
font-weight: bold;
font-size: 18px;
font-family: "Times New Roman", Times, serif;
text-transform: uppercase;
background-image: url(../images/seperator_horiz.png);
background-repeat: repeat-x;
background-position: bottom;
}
.contentcolumn {
padding-right: 5px;
}
.contentheading {
height: 30px;
color: #003399;
font-weight: bold;
font-size: 14px;
white-space: normal;
font-family: "Times New Roman", Times, serif;
font-size: 16px;
background-image: url(../images/seperator_horiz.png);
background-repeat: repeat-x;
background-position: bottom;
}
.contentpagetitle {
font-size: 13px;
font-weight: bold;
color: #cccccc;
text-align:right;
}
table.searchinto {
width: 100%;
}
table.searchintro td {
font-weight: bold;
}
table.moduletable {
width: 100%;
padding: 0px;
border-spacing: 0px;
border-collapse: collapse;
background-color: transparent;
}
div.moduletable {
padding: 0;
margin-bottom: 2px;
margin-bottom: 15px;
}
table.moduletable th, div.moduletable h3 {
color: #FFF;
font-family: "Times New Roman", Times, serif;
text-align: right;
padding-right: 10px;
margin-top: 0px;
margin-bottom: 5px;
height: 20px;
line-height: 20px;
font-weight: bold;
font-size: 15px;
text-transform: uppercase;
}
div.moduletable h3 {
background-image: url(../images/menu_top.png);
background-repeat: no-repeat;
background-position:right;
}
table.moduletable td {
font-size: 11px;
padding: 0px;
margin: 0px;
font-weight: normal;
}
table.pollstableborder td {
padding: 2px;
}
table.pollstableborder {
width: 100%;
}
.sectiontableheader {
font-weight: bold;
background-image: url(../images/seperator_horiz.png);
background-repeat: repeat-x;
background-position: bottom;
height:40px;
}
.sectiontablefooter {
}
.sectiontableentry1 {
background-image: url(../images/seperator_horiz.png);
background-repeat: repeat-x;
background-position: bottom;
}
.sectiontableentry2 {
background-image: url(../images/seperator_horiz.png);
background-repeat: repeat-x;
background-position: bottom;
background-color:#F6F6F6;
}
.small {
color: #999999;
font-size: 11px;
}
.createdate {
height: 15px;
padding-bottom: 10px;
color: #999999;
font-size: 11px;
}
.modifydate {
height: 15px;
padding-top: 10px;
color: #999999;
font-size: 11px;
}
table.contenttoc {
border: 1px solid #cccccc;
padding: 2px;
margin-left: 2px;
margin-bottom: 2px;
}
table.contenttoc td {
padding: 2px;
}
table.contenttoc th {
background: url(../images/subhead_bg.png) repeat-x;
color: #666666;
text-align: right;
padding-top: 2px;
padding-right: 4px;
height: 21px;
font-weight: bold;
font-size: 10px;
text-transform: uppercase;
}
a.mainlevel:link, a.mainlevel:visited {
display: block;
background: url(../images/menu_bg.png) no-repeat;
vertical-align: middle;
font-size: 11px;
font-weight: bold;
color: #F5F5F5;
text-align: right;
padding-top: 7px;
padding-right: 18px;
height: 23px !important;
height: 23px;
width: 100% 160px;
text-decoration: none;
}
a.mainlevel:hover {
background-position: 0px -30px;
text-decoration: none;
color: #FFF;
}
a.mainlevel#active_menu {
color: #FFFFCC;
font-weight: bold;
background-position: 0px -60px;
}
a.mainlevel#active_menu:hover {
color: #F5F5F5;
}
a.sublevel:link, a.sublevel:visited {
padding-left: 1px;
vertical-align: middle;
font-size: 11px;
font-weight: normal;
color: #003399;
text-align: right;
}
a.sublevel:hover {
color: #0066FF;
text-decoration: none;
}
a.sublevel#active_menu {
color: #333;
text-decoration: bold;
}
.highlight {
background-color: Yellow;
color: Blue;
padding: 0;
}
.code {
background-color: #ddd;
border: 1px solid #bbb;
}
form {
/* removes space below form elements */
margin: 0;
padding: 0;
}
div.mosimage {
border: 1px solid #ccc;
}
.mosimage {
border: 1px solid #cccccc;
margin: 5px
}
.mosimage_caption {
margin-top: 2px;
background: #efefef;
padding: 1px 2px;
color: #666;
text-transform: normal;
font-size: 10px;
border-top: 1px solid #cccccc;
}
دوست من این کد را در CSS تعویض کن
بعد هم فایل image رو در فولدر Images قرار بده همین کار تمام شدکد:#jey-header {
height: 153px;
width: 800px;
margin:auto;
background-image: url(../images/image.jpg);
background-repeat: no-repeat;
background-position: center;
}
یاعلی