رفتن به مطلب
Mohammad-tashi

چطور مطلب رو یک دست نشون بدم؟

پست های پیشنهاد شده

 

باسلام
میخام در سایت من مطالب وقتی لود میشن تصویری به عنوان تصویر مطلب سمت راستش لود بشه و متن سمت چپ

من از تنظیمات خود جوملا استفاده کردم
همون قسمت تصاویر و پیوند ها
تونستم تصویر بیارم اما خیلی بهم ریختس
چیکارکنم؟

 

aks.png

میخام تصویر خیلی کوچک تر شه و متن مطلب بیاد کنارش
کلا توی یک باکس باشن

البتهمن پلاگینی با عنوان

mavik

از سایت جوملا دانلود کردم ونصب کردم
فعال هم کردم بازم هیچ تغییری نکرد نمشه از طریق دست کاری کد سی اس اس بهش حالت بدیم؟
مثلا از طریق کد زیر؟
html > body > div#asli > div#center > div#content > div.blog-featured > div.items-leading > div.leading-0 > div.img-intro-right > img
البته من هرچی زدم تاثیر نداشت فکرکنم باید بعضی قسمتاشو پاک کرد

به اشتراک گذاری این ارسال


لینک به ارسال
به اشتراک گذاری در سایت های دیگر

درصورت امکان دسترسی به هاست و مدیریت را محبت کنید

ببخشی سایت و اشتباه فرستادم

این سایتی که میخام این کارو براش انجام بدم روی لوکاله

فایل قالب:


<?php

defined('_JEXEC') or die('Restricted access');

JHtml::_('behavior.framework', true);

?>

<!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" />

<!--[if IE]>

<link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/<?php echo $this->template; ?>/css/ie.css" type="text/css" />

<![endif]-->

<link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/<?php echo $this->template; ?>/css/template.css" type="text/css" />

</head>

<body>

<div id="asli">

<div id="header">

<img src="images/final1.jpg" />

</div>

<div id="zir header">

<?php if($this->countModules('menu')): ?>

<div id="menu">

<jdoc:include type="modules" name="menu" style="xhtml" />

</div>

<?php endif; ?>

<?php if($this->countModules('search')): ?>

<div id="search"><jdoc:include type="modules" name="search" style="xhtml" /></div>

<?php endif; ?>

</div>

<?php if($this->countModules('left')): ?>

<div id="left"><jdoc:include type="modules" name="left" style="xhtml" /> </div>

<?php endif; ?>

<div id="center">

<?php if($this->countModules('slideshow')): ?>

<div id="slideshow"><jdoc:include type="modules" name="slideshow" style="xhtml" /></div>

<?php endif; ?>

<div id="content">

<jdoc:include type="component" />

</div>

</div>

<?php if($this->countModules('right')): ?>

<div id="right"><jdoc:include type="modules" name="right" style="xhtml" /></div>

<?php endif; ?>

<div id="footer">

<div align="right" style="float:right;">

<p>

کلیه حقوق برای وب سایت 01محفوظ است

</p>

</div>

<div align="left" style="float:left; ">

<p>

</p>

</div>

</div>

</div>

</body>

</html>

</body>

</html>


/*@charset "utf-8"; */

/* CSS Document */

@charset "utf-8";

/* CSS Document */

@font-face {

font-family: 'pars';

src: url('../font/BYekan.eot');

src: url('../font/BYekan.eot?#iefix') format('embedded-opentype'),

url('../font/BYekan.woff') format('woff'),

url('../font/BYekan.ttf') format('truetype');

font-weight: normal;

font-style: normal;

}

body{

background-image:url(../images/bg.png);

background-repeat:no-repeat;

background-size:cover;

}

#asli{

width:978px;

height:auto;

margin:0 auto !important;

}

#header{

width:978px;

height:150px;

}

#zir header{

width:978px;

height:35px;

}

#search{

width:auto;

height:35px;

float:right;

font-family:pars, Geneva, sans-serif;

direction:ltr;

background-color:#900;

position:absolute;

top:158px;

}

#search .moduletable form {

height:35px;

margin:auto;

line-height:35px;}

/*::::: menu :::::*/

#menu .moduletable {

direction:rtl;

}

#menu .moduletable .menu,

#menu .moduletable .menu ul,

#menu .moduletable .menu li,

#menu .moduletable .menu a {

margin: 0;

padding: 0;

border: none;

outline: none;

}

#menu .moduletable .menu {

height:35px;

width:773px;

background:#900;

background: -webkit-linear-gradient(top, #900 0%,##900 100%);

background: -moz-linear-gradienttop, #900 0%,##900 100%);

background: -o-linear-gradient(top, #900 0%,##900 100%);

background: -ms-linear-gradient(top, #900 0%,##900 100%);

background: linear-gradient(top, #900 0%,##900 100%);

-webkit-border-radius: 5px;

-moz-border-radius: 5px;

float:right;

}

#menu .moduletable .menu li {

position: relative;

list-style: none;

float: right;

display: block;

height: 35px;

background-color:#900;

}

#menu .moduletable .menu ul { display: none;

}

#menu .moduletable .menu li a {

display: block;

padding: 0 14px;

margin: 6px 0;

line-height: 26px;

text-decoration: none;

border-right: 1px solid #375594;

border-left: 1px solid #09348d;

font-family: pars, Arial, sans-serif;

font-weight: bold;

font-size: 13px;

color:#9C9; /*rangkol matn ha */

text-shadow: 1px 1px 1px rgba(0,0,0,.6);

-webkit-transition: color .2s ease-in-out;

-moz-transition: color .2s ease-in-out;

-o-transition: color .2s ease-in-out;

-ms-transition: color .2s ease-in-out;

transition: color .2s ease-in-out;

}

#menu .moduletable .menu li:first-child a { border-right: none; }

#menu .moduletable .menu li:last-child a{ border-left: none; }

#menu .moduletable .menu li:hover a { color:#060;

background-color:#F00;

} /*rng khane mous */

#left{

width:190px;

height:auto;

margin-top:45px;

float:left;

direction:rtl;

font-family:pars, Geneva, sans-serif;

background-color:#CCC;

}

#right .moduletable h3{

width:185px;

margin-right:5px;

color:#FFF;

margin-top:5px;

padding:0px 5px 0px 0px;

border-radius:5px;

background-image:url(../images/knar.jpg) ;

background-repeat:no-repeat;

}

#left .moduletable h3{

width:185px;

margin-right:5px;

color:#FFF;

margin-top:5px;

padding:0px 5px 0px 0px;

border-radius:5px;

background-image:url(../images/knar.jpg);

background-repeat:no-repeat;

}

#left .moduletable form#login-form fieldset.userdata p#form-login-username input#modlgn-username.inputbox{

margin-right:25px;

list-style:none;}

#left .moduletable form#login-form ul{

list-style:none;

margin-right:0px;

padding-right:3px;

font-size:12px;}

h2{

background-image:url(../images/contnt.jpg);

}

li.print-icon ,li.email-icon ,li.ediat-icon{

float:left;

display:inline;}

dd.category-name ,dd.published ,dd.createdby ,dd.hits{

float:right;

display:inline;

font-size:9px;

}

#content .blog-featured .items-leading {

background:#CCC;

border:double;

}

#content .blog-featured .items-row {

background:#CCC;

border:double;

}

#content .blog-featured .items-leading .leading-0 p.readmore a{

background:#900;

color:#FFF;

margin-right:450px;

margin-left:100px;

}

#content .blog-featured .items-leading .leading-0 p.readmore a: hover{

background:#FFF;

color:#900f;

margin-right:450px;

}

/* .pagination {

text-align:center;

background:#906;

border-top-left-radius: 20px;

border-top-right-radius: 20px;

margin-bottom:5px;

}

*/

.pagination {

text-align:center;

background:#900;

border-top-left-radius: 20px;

border-top-right-radius: 20px;

margin-bottom:1px;

height:50px;

line-height:10px;

}

.pagination ul , .pagination ul li , ul.pagenav li , .pagination ul li a , ul.pagenav li a, counter span, .pagination ul li a.pagenav , .pagination ul li span.pagenave {

padding: 0px 4px 0px 4px;

display:inline;

color:#FFF;

}

#center{

width:578px;

height:auto;

float:left;

direction:rtl;

margin-left:10px;

margin-top:10px;

}

#slideshow{

width:578px;

height:200px;

direction:rtl;

font-family:pars, Geneva, sans-serif;

}

#content{

width:578px;

height:auto;

margin-top:75px;

direction:rtl;

font-family:pars, Geneva, sans-serif;

}

#right{

width:190px;

height:auto;

float:left;

background-color:#CCC;

direction:rtl;

font-family:pars, Geneva, sans-serif;

margin-left:10px;

margin-top:10px;

}

#footer{

width:978px;

height:50px;

background-color:#900;

float:right;

font-family:pars, Geneva, sans-serif;

color:#FFF;

background:#900;

border-top-left-radius: 20px;

border-top-right-radius: 20px;

margin-bottom:5px;}

#footer a{

color:#FFF;}

#blog-featured .items-leading .leading-0.img-intro-right {

width:50px;

height:50px;

background:#093;

}

ممنون میشم نگاه کنید راهنماییم کنید

باسپاس

به اشتراک گذاری این ارسال


لینک به ارسال
به اشتراک گذاری در سایت های دیگر

به نظرم با فایل قالب نشه بررسی رو انجام داد. برای تغییرات توی ظاهر سایت در بیشتر مواقع تغییرات css لازمه که جوملا اونها رو تو فایلهای مجزا نمایش می ده. بنابراین با فایل قالب نمی شه بررسی انجام داد. ولی کاری که باید انجام بدید اینه که به تصویر خصوصیت زیر رو اضافه کنید

float: right

به اشتراک گذاری این ارسال


لینک به ارسال
به اشتراک گذاری در سایت های دیگر

باسلام


سوال بنده همین جاست دیگه


اینکه چطور میشه در css


به اون تصویر که در تب تصاویر و لینک ها به عنوان تصویر مقدمه قراردادیم اشاره کرد


مثلا در تمام قالب ها h3


به قست عنوان ماژول ها اشاره میکنه


من دنبال همچین کدی هستم که به اون تصویر اشاره کنه


به اشتراک گذاری این ارسال


لینک به ارسال
به اشتراک گذاری در سایت های دیگر
ارسال شده در (ویرایش شده)

 

باسلام

سوال بنده همین جاست دیگه

اینکه چطور میشه در css

به اون تصویر که در تب تصاویر و لینک ها به عنوان تصویر مقدمه قراردادیم اشاره کرد

مثلا در تمام قالب ها h3

به قست عنوان ماژول ها اشاره میکنه

من دنبال همچین کدی هستم که به اون تصویر اشاره کنه

 

 

درود بر شما

 

این کلاس ممکن است در هر قالب متفاوت باشد.

برای نمونه

http://www.hexanco.com/fa/%D9%85%D8%AD%D8%B5%D9%88%D9%84%D8%A7%D8%AA/%D8%B4%D9%88%DB%8C%D9%86%D8%AF%D9%87.html

این پیوند را ببینید . فکر می کنم که کاری که شما می خواهید انجام دهید این باشد.

در پوسته ای که من به کار بردم . تصاویر را این گونه استایل دادم شاید بر روی پوسته شما هم کار کند . اما بهتر است شما یک دمو قرار دهید نا بهتر بتوانیم شما را راهنمایی کنیم.

 

با فایر باگ هم می توانید این کلاس را بیابید

 

.article-intro img, .article-content img {
    display: block;
    max-width: 100%;
    height: auto;
}

ویرایش شده توسط تیرداد

به اشتراک گذاری این ارسال


لینک به ارسال
به اشتراک گذاری در سایت های دیگر

بعد کلی تلاش پیداش کردم

باید این کد رو به سی اس اس اضافه میکردم

img-intro-right img{
    width:150px;
    height:150px;
    float:right;
}

به اشتراک گذاری این ارسال


لینک به ارسال
به اشتراک گذاری در سایت های دیگر

به گفتگو بپیوندید

هم اکنون می توانید ارسال داشته باشید و بعد ثبت نام خود را در سایت کامل نمایید. اگر حساب کاربری در سایت دارید، جهت ارسال با حساب کاربری خود هم اکنون وارد سایت شوید

مهمان
ارسال پاسخ به این موضوع ...

×   شما در حال چسباندن محتوایی با قالب بندی هستید.   حذف قالب بندی

  تنها استفاده از 75 اموجی مجاز می باشد.

×   لینک شما به صورت اتوماتیک جای گذاری شد.   نمایش به صورت لینک

×   محتوای قبلی شما بازگردانی شد.   پاک کردن محتوای ویرایشگر

×   شما مستقیما نمی توانید تصویر خود را قرار دهید. یا آن را اینجا بارگذاری کنید یا از یک URL قرار دهید.


×
×
  • افزودن...