Joomla : Header-də şəkili dəyişmək

Mən yüklədiyim şablomda – Header-də şəkili dəyişmək istəyirəm- amma nəsə alınmır.

1) Şablondaki özünkünün şəlinnini yerini FİREBUG- dan öyrəndim . (seklin adı logo-du.)

1a href="/">
2<img class="logo" border="0" src="/templates/jt017_j15/images/logo.png">
3 
42)İstədiyim şəkli   www/images folderine qoydum  (seklin adi ( Headlogo-du)
53 )  Sonra Joomal-na sablomun HTML- konlarini deyisen yerde  
6images/log.png    pozub   images/headlogo.png  yazdim
7 
8sablomdimdaki :  
9 
10<a href="baseurl ?>/"><img src="baseurl; ?>/templates/template; ?>/images/logo.png" border="0" class="logo"></a>

men deyisdikden sonra

1<a href="baseurl ?>/"><img src="baseurl; ?>/templates/template; ?>/images/headlogo.png" border="0" class="logo"></a>
2 
3şablomun şekli yox oldu (logo)   amma mənim seklim (headlogo) göstərmir.
4  
54 ) həttde kodlarin arasinda olan bütün  logo   sözləri dəyişim  headlogo elədim- amma heçnə alənmadı
6 
75) CSS -də  1 dənə  logo -sözü vardı - onuda dəyişib  headlogo eledim amma yene kecnə cixmadi
8 
9Bütün şablomki kodlar 
10 
11HTML  :
12 
13 
14 
15<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="language; ?>" lang="language; ?>" >
16 
17 
18 
19<link rel="stylesheet" href="baseurl ?>/templates/template ?>/css/styles.css" type="text/css" />
20 
21 
22 
23<div>
24        <div>
25            countModules('logo')) : ?>
26                <div class="headlogo">
27                     
28                </div>
29                     
30                <a href="baseurl ?>/"><img src="baseurl; ?>/templates/template; ?>/images/headlogo.png" border="0" class="headlogo"></a>
31             
32            countModules('menu')) : ?>
33            <div><div><div>
34                 
35            </div></div></div>
36                         
37        </div>        
38</div> 
39        countModules('slideshow')) : ?>   
40        <div><div>
41                                        
42        </div></div>
43         
44<div>
45    <div>
46        <div>
47        countModules('breadcrumb')) : ?>
48             
49         
50        <div>
51             
52        </div>
53                    countModules('user1 or user2 or user3')) : ?>
54                    <div id="mods1" class="spacer">
55                         
56                         
57                          
58                    </div>
59                             
60        <div class="full">
61                    <div>                           
62                    <div id="comp_">
63                    <div>
64                         
65                         
66                    </div>
67                    </div>
68                    countModules('left')) : ?>
69                    <div>
70                    <div>
71                         
72                    </div>
73                    </div>
74                                           
75                    </div>
76                    countModules('right')) : ?>
77                    <div>
78                    <div>
79                         
80                    </div>
81                    </div>
82                     
83        <div class="clr"></div>
84        </div>     
85        </div>     
86  </div> 
87</div>
88        countModules('user4 or user5 or user6')) : ?>
89        <div id="mods2" class="spacer">
90             
91             
92             
93        </div>
94            
95countModules('user7 or user8 or user9 or user10')) : ?>
96<div>
97    <div class="footer-pad">
98        <div><div><div></div></div></div>
99        <div id="mods3" class="spacer">
100             
101             
102             
103             
104        </div>
105        <div><div><div></div></div></div> 
106  </div>    
107</div>        
108 
109<div>
110        countModules('copyright')) : ?>
111            <div class="copy">
112                 
113            </div>
114         
115<div class="design"><a href="http://joomlathemes.co" target="_blank" title="joomla themes">Business Joomla Templates</a> designed by <a href="http://joomla-hosting.co" target="_blank" title="best joomla hosting">Joomla Hosting</a></div>
116</div>
117</div>
118 
119 
120 
121 
122 
123 
124CSS-deki :
125 
126/*
127Design by http://JoomlaThemes.co
128*/
129html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,font,img,ins,kbd,q,s,samp,small,strike,sub,sup,tt,var,center,dl,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {background: transparent;border: 0;font-style: inherit;font-weight: inherit;margin: 0;padding: 0;outline: 0;vertical-align: baseline;} table {border-collapse: collapse;border-spacing: 0;}
130 
131/* Main Layout */
132html {height: 100%;}
133body { font:normal 13px/1.8em Arial, Helvetica, sans-serif; color:#555; background:#0f0f0f}
134.background {position: absolute;width: 100%;}
135h1,h2,h3,h4,h5,h6,.componentheading {margin:0; padding:10px 0; font-weight:bold; color:#A50000;font-family:'Ubuntu', Arial, Helvetica, sans-serif; letter-spacing:1px }
136.componentheading { font-style:italic;font-size:20px;}
137h1{font-size:28px;}
138h2 {font-size:25px;}
139h3 {font-size:23px;}
140h4 {font-size:19px;} h5 {font-size:17px;} h6 {font-size:15px;}
141a {color: #111;text-decoration: underline;}
142a:hover {color:#A50000}
143ul {margin:0 0 0 15px;}
144p {margin-top: 0;margin-bottom: 10px;}
145blockquote { background:#eee; border:3px solid #ccc; margin:5px; padding:5px; font-size:18px; font-family:'Ubuntu', Times, serif; font-style:italic}
146element.style { height:auto;}
147hr { width:100%; clear:both; border:none; height:2px; background:#eee;}
148.clr {clear: both;}
149 
150/* Header */
151#header { position:relative; height:100px; width:960px; margin:0 auto;}
152#header-w { background:#000 url(../images/header.png) top center repeat-x; position:relative; border-bottom:4px #CEA20A solid}
153.headlogo{ position:absolute; top:10px; left:0px; color:#fff;}
154#slide-w { margin:0; padding:0; background:#d4ac23 url(../images/slideshow.png) 0 0 repeat; border-bottom:1px solid #eebd16;border-top:1px solid #eebd16;}
155#slide { width:960px; margin:0 auto;}
156/* Navigation */
157#nav {}
158#navl {}
159#navr {background: none;height:35px; position:absolute; right:0; bottom:0}
160 
161#nav {z-index:10; position:relative;}
162#nav ul {margin:0; padding:0; float:left;}
163#nav ul li {list-style:none;float:left;height:35px;position:relative; padding:0; margin:0 0 0 2px; background:url(../images/nav-li.png) 100% 0 no-repeat;}
164#nav ul li a { display:block;padding:0 10px; margin:0;line-height:35px;color:#474747;font-weight:100;text-decoration:none;font-size:15px;background:url(../images/nav-a.png) 0 0 no-repeat;}
165#nav ul li.active { background:url(../images/nav-li.png) 100% 0 no-repeat;}
166#nav ul li.active a {color:#fff; background:url(../images/nav-a.png) 0 0 no-repeat;}
167#nav ul li:hover { background:url(../images/nav-li.png) 100% 0 no-repeat;}
168#nav ul li a:hover{color:#fff;text-decoration:none; background:url(../images/nav-a.png) 0 0 no-repeat;}
169#nav ul li ul {position:absolute;width:170px;left:-999em;border-top:0; margin:0;}
170#nav ul li:hover ul, #menu ul li.sfHover ul {left:0;}
171#nav ul li ul li {padding:0;height:auto;width:170px; margin:0; border:none;}
172#nav ul li:hover ul li a {text-shadow:none;}
173#nav ul li:hover ul li { background:none;}
174#nav ul li:hover ul li a, #nav ul li ul li a, #nav ul li.active ul li a{margin:0; padding:0 0 0 10px;height:24px;line-height:24px; background:#CEA20A;border-bottom:1px solid #c59a05;color:#474747; font-size:11px;font-weight:normal;text-shadow:none;}
175#nav ul li ul li a:hover, #nav ul li ul li.active a, #nav ul li.active ul li a:hover, #nav ul li.active ul li.active a {margin:0; padding:0 0 0 10px;height:24px;line-height:24px;background:#dbac08;color:#fff; font-size:11px;text-shadow:none;}
176#nav ul li ul ul, #nav ul li:hover ul ul, #nav ul li:hover ul ul ul, #nav ul li:hover ul ul ul ul, #nav ul li.sfHover ul ul, #nav ul li.sfHover ul ul ul, #nav ul li.sfHover ul ul ul ul {left:-999em;}
177 
178/* Content */
179#main { margin:0 auto;background:#eeeeee url(../images/shadow.png) top center no-repeat;}
180#main, .leading, #page {position: relative;}
181#main-content { clear:both;margin:0 auto; padding:0 5px; background:#fff;}
182 
183#maincol {position: relative;}
184#wrapper { margin:0 auto; width:960px; padding:0;position: relative;}
185#top1 {background:url(../images/main-top.png) 0 0 no-repeat;clear:both;}
186#top2 {background: url(../images/main-top.png) 100% 100% no-repeat; }
187#top3 { background: #2f2f2f; height: 6px;margin:0 6px;}
188#bot1 {background:url(../images/main-bot.png) 0 0 no-repeat;clear:both;}
189#bot2 {background: url(../images/main-bot.png) 100% 100% no-repeat; }
190#bot3 { background: #4e4e4e; height: 6px;margin:0 6px;}
191#comp_60 { width:530px; float:right; position:relative; padding:0; margin:0;  min-height:300px;}
192#comp_80 { width:740px; float:right; position:relative; padding:0; margin:0;  min-height:300px;}
193#comp_100 {  width:950px; position:relative; padding:0;margin:0 auto;  min-height:300px; }
194#comp-i {padding:0 10px;}
195#comp { float:left;}
196.cols1 {display: block;float: none;margin: 0;width: 100%;}
197.cols2 {width: 49%;overflow: hidden;}
198.cols3 {width: 33%; float:left;}
199.column1, .column2, .column3 {position: relative;float: left;margin: 0;}
200.colpad {padding: 0 10px;position: relative;}
201.article_row {overflow: hidden;margin: 0 -10px 15px -10px;}
202.spacer .module {float: left;}
203.spacer.w99 .module {width: 100%;}
204.spacer.w49 .module {width: 50%;}
205.spacer.w33 .module {width: 33.3%;}
206.spacer.w24 .module {width: 24.5%;}
207 
208/* Content styles */
209.buttonheading { position:absolute; top:20px; right:5px;}
210.buttonheading .icon {display:block;width:16px;height:16px;float:left;margin-left:5px;}
211.buttonheading .pdf {background: url(../images/pdf_button.png) 0 50% no-repeat;}
212.buttonheading .print {background: url(../images/printButton.png) 0 50% no-repeat;}
213.buttonheading .email {background: url(../images/emailButton.png) 0 50% no-repeat;}
214.iteminfo {font-size: 11px;overflow:hidden;margin-bottom:5px;display:block;margin-top:-10px;width: 100%; color:#d2d2d2;}
215.modifydate, .createdby, .createdate {padding:0 10px 0 0;}
216.createdby {font-weight:bold;}
217a.readon {margin-top:15px;}
218.component-pad {padding: 15px;}
219.banneritem_text {margin-bottom: 10px;}
220#modlgn_username, #modlgn_passwd {padding: 3px;}
221h2.contentheading {padding-right: 65px;} .contentheading, .contentheading a { font-size:25px; line-height:30px; text-decoration:none;} .contentheading a:hover {}
222.sectiontableheader {font-weight: bold;line-height: 25px;text-align: left;}
223tr.sectiontableentry0 td, tr.sectiontableentry1 td, tr.sectiontableentry2 td, td.sectiontableentry0, td.sectiontableentry1, td.sectiontableentry2 {text-align: left;padding: 0 4px;vertical-align: middle;border-top: 1px solid #e4e4e4;line-height: 30px;}
224.pagination span, .pagination a {margin-right: 5px; padding:2px 5px; background:url(../images/button.png) 0 0 repeat-x; border:1px solid #890000; color:#eee;-moz-border-radius: 3px;border-radius: 3px;}
225.button { background:url(../images/button.png) 0 0 repeat-x; border:1px solid #890000; color:#eee;cursor:pointer; padding:2px 5px;margin:0 0 10px 0;-moz-border-radius:3px;border-radius:3px;}
226.button:hover,.pagination a:hover {background:#A50000;color:#fff;}
227.inputbox, input, textarea, select {background:#fff; border:1px solid #d4d4d4;}
228.breadcrumbs { padding:0 0 0 10px;}
229/* Sidebar */
230#leftbar-w {width:210px; min-height:200px; float:left;  margin:0;}
231#rightbar-w {width:210px; min-height:200px; float:right;  margin:0;}
232#sidebar {padding:0}
233#sidebar .module {padding:5px; margin:0;}
234#sidebar .module-title {font-size:18px;font-weight:100;margin:0;height:40px; line-height:32px; color: #000; text-shadow:1px 1px #f0c42a;}
235#leftbar-w .module-title {background: url(../images/h3-l.png) 0 0 no-repeat; text-align:left;padding:0 0 0 10px; }
236#rightbar-w  .module-title {background: url(../images/h3-r.png) 0 0 no-repeat; text-align:right;padding:0 10px 0 0; }
237#sidebar .module-body {margin:0; padding:0 5px;}
238#sidebar .module-body p{padding:0; margin:0;}
239#sidebar  ul li { margin:0 5px; padding:0;}
240#sidebar .module ul.menu{margin:5px 0 0 0; padding:0;list-style:none; padding:0; list-style-type:none;}
241#sidebar .module ul.menu li{ list-style:none; list-style-type:none;margin:0; padding:0; border-bottom:1px solid #e4e4e4;}
242#sidebar .module ul.menu li a {display:block;margin:0; padding:3px 0 3px 25px;font-weight:bold;line-height:20px;background: url(../images/arrow2.png) 0% 50% no-repeat; text-decoration:none; color:#999; font-size:13px;}
243#sidebar .module ul.menu li a:hover { color:#A50000; text-decoration:none;}
244#sidebar .module ul.menu li.active a{color:#A50000;}
245#sidebar .module ul.menu li ul {border-top:1px solid #e4e4e4; margin:0;}
246#sidebar .module ul.menu li ul li {background:none; border:none; margin: 0 0 0 15px;   }
247#sidebar .module ul.menu li ul li a{ border: 0; color:#999; background: url(../images/arrow2.png) 0% 50% no-repeat;}
248#sidebar .module ul.menu li ul li a:hover{ border: 0; color:#A50000; background: url(../images/arrow2.png) 0% 50% no-repeat; }
249#sidebar .module ul.menu li.active ul li a{color: #999;}
250#sidebar .module ul.menu li ul li.active a, #sidebar .module ul.menu li.active ul li a:hover{color:#A50000;}
251 
252/* Modules 1 */
253#mods1 {overflow: hidden;padding:0; margin:0 auto;clear:both;}
254#mods1 .module { padding:0; margin:0; }
255#mods1 .inner { padding:10px; }
256#mods1 .module-title {margin:0;padding:0 0 10px 0;}
257#mods1  h3 {display: block;padding-left: 10px;padding-top: 3px;height: 20px;font-size: 18px; color:#A50000;}
258#mods1 .module-body {padding:0; margin:0;}
259#mods1 ul {margin:0 10px; padding:0;}
260#mods1 ul li {list-style:inside;}
261#mods1-i { clear:both;}
262/* Modules 2 */
263#mods2 {overflow: hidden;padding:0; margin:0 auto;clear:both;width:960px; color:#d1d1d1; }
264#mods2 .module { margin:0;padding:0;}
265#mods2 .inner { padding:10px;}
266#mods2 .module-title {margin:5px 0;padding:0;display: block;height: 22px;font-size: 20px;font-weight:100; color:#828282;}
267#mods2 .module-body {padding:0; margin:0;}
268#mods2 a { color:#d1d1d1;}#mods2 a:hover { color:#fff;}
269#mods2 ul {margin:0; padding:0;}
270#mods2 ul li {list-style:inside;margin:0; padding:0;}
271 
272/* Modules 3 */
273#mods3 {overflow: hidden;padding:0; margin:0 auto; clear:both; width:960px; color:#9b9b9b; background:#4e4e4e url(../images/mods3.png) 0 0 repeat-x;}
274#mods3 .module { margin:0;padding:0;}
275#mods3 .inner { padding:5px 10px 0 10px;}
276#mods3 .module-title {margin:0 0 5px 0;padding:0;display: block;height: 22px;font-size: 20px;font-weight: bold; color:#ccc;}
277#mods3 .module-body {padding:0; margin:0;}
278#mods3 a { color:#9b9b9b;}#mods3 a:hover { color:#fff;}
279#mods3 ul {margin:0; padding:0;}
280#mods3 ul li {list-style:inside; border-bottom:1px dotted #404040; list-style:none;}
281#mods3 ul li:hover { background:#636363}
282#mods3 ul li a {font-weight:100; display:block; padding:0 0 0 5px}
283 
284/* Footer */
285#footer { clear:both; margin:10px 0 0 0; padding:0;}
286.footer-pad { width:960px; margin:0 auto; padding: 0;}
287#bottom {width:960px; margin:0 auto; padding:5px 0 0 0;}
288.copy { margin:0; padding:0 0 0 10px;font-size:12px; float:left;color:#ccc}
289.copy a {font-size:12px; color:#ccc}
290.design {margin:0; padding:0 10px 0 0; font-size:11px; color:#161616; text-align:right; float:right}
291.design a { text-decoration:none; font-size:11px;color:#161616}
292 
293/* System Messages */
294#system-message    { margin-bottom: 10px; padding: 0;}
295#system-message dt { font-weight: bold; }
296#system-message dd { margin: 0; font-weight: bold; text-indent: 30px; }
297#system-message dd ul { color: #0055BB; margin-bottom: 10px; list-style: none; padding: 10px; border-top: 3px solid #84A7DB; border-bottom: 3px solid #84A7DB;}
298/* System Standard Messages */
299#system-message dt.message { display: none; }
300#system-message dd.message {  }
301/* System Error Messages */
302#system-message dt.error { display: none; }
303#system-message dd.error ul { color: #c00; background-color: #E6C0C0; border-top: 3px solid #DE7A7B; border-bottom: 3px solid #DE7A7B;}
304/* System Notice Messages */
305#system-message dt.notice { display: none; }
306#system-message dd.notice ul { color: #c00; background: #EFE7B8; border-top: 3px solid #F0DC7E; border-bottom: 3px solid #F0DC7E;}
307/* Debug */
308#system-debug     { color: #ccc; background-color: #fff; padding: 10px; margin: 10px; }
309#system-debug div { font-size: 11px;}

Verilmiş cavablar və yazılan şərhlər (3 cavab var)

Onar Alili

(12:01, 07/11/2012 ) #22485

Salam
Sual verərkən düzgün taglardan istifadə edin və ya kodlarınız çoxdursa pastebin.com kimi saytlardan istifadə edib linkini sualınızda yazın.

Cavablamaq üçün sağ sütundan hesaba daxil olmaq lazımdır

E. Hacı

(12:18, 07/11/2012 ) #22486

Bunun həlli üçün saytın source-code-na girirsiz brauzerdə və görürsünüz ki şəklin adresini göstərərkən nəyisə düz etməmisiniz və orda alınan nəticə-url yazıldığından strukturundan görə bilirsiz ki səhv nədədir, hansı folder çatmır ya hərf səhvi var və.s. Məsələn kodunuzda baseurl filan bunlardan şübhələndim, bunlar php teqində yazılmalıdır axı.

maxxam

(16:01, 07/11/2012 ) #22490

Düzəldi Gerek sekli Sablomun icindeki İmages folderine qoymaq lazimidi.

Bu suala aid öz sualım var:
Sual verin

Bu suala cavab vermək istəyirəm:
Cavab verin

Cavab verin

Cavab yazmaq üçün lütfən sağ sütundan və ya buradan hesaba daxil olun.

Sual-cavab sistemi

Mövzu üzrə bənzər suallara da baxa bilərsiniz.

Joomla : Header-də şəkili dəyişmək

Verilmiş cavablar və yazılan şərhlər (3 cavab var)

Cavab verin

Üzvlər üçün giriş

Elan qutusu

Son cavablar və şərhlər

Lider istifadəçilər

Software Developer - 615 xal

E. Hacı - 608 xal

Onar Alili - 526 xal

Dilsuz - 448 xal

Cabbarov Sübhan - 434 xal

Maqa - 346 xal

Ruslan Butdayev - 328 xal

Namiq Bəndəli - 297 xal

U.Tarlan - 244 xal

Meherremoff - 234 xal