Αλλαγή Logo.png

Joomla! forum. Joomla! Questions and Answers.

Συντονιστές: WebDev Moderators, Super-Moderators, PHP Moderators

Απάντηση
kostas-theod
Δημοσιεύσεις: 222
Εγγραφή: 11 Ιαν 2004 09:15
Τοποθεσία: Πάτρα-ΕΛΛΑΔΑ

Αλλαγή Logo.png

Δημοσίευση από kostas-theod » 13 Μαρ 2010 00:53

Το πρότυπο που έχω εχει λόγοτυπο διαστάσεων 218 χ 63 και θα ήθελα να το κάνω 218 χ 218 . Κοιτάζοντας στον κώδικα δεν βρίσκω τον τρόπο να κάνω την αλλαγη.

Αποστέλλω τα αρχεία για βοήθεια.

index.php
<?php
/**
* @copyright Copyright (C) 2005 - 2008 Open Source Matters. All rights reserved.
* @license GNU/GPL, see LICENSE.php
* Joomla! is free software. This version may have been modified pursuant
* to the GNU General Public License, and as distributed it includes or
* is derivative of works licensed under the GNU General Public License or
* other free or open source software licenses.
* See COPYRIGHT.php for copyright notices and details.
*/

defined('_JEXEC') or die('Restricted access');
$url = clone(JURI::getInstance());
$path = $this->baseurl.'/templates/'.$this->template;

$showrightColumn = $this->countModules('right');
$showCustomColumn = $this->countModules('user5');
$showSearchColumn = $this->countModules('user4');
$showHeaderRowColumn = $this->countModules('top');







if(JRequest::getCmd('task') != 'edit') $Edit = false; else $Edit = 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; ?>" dir="<?php echo $this->direction; ?>" >
<head>
<jdoc:include type="head" />
<script type="text/javascript" src="<?php echo $this->baseurl?>/media/system/js/mootools.js"></script>
<script type="text/javascript" src="<?php echo $path ?>/scripts/maxheight.js"></script>
<!--equal-->
<script type="text/javascript" src="<?php echo $path ?>/scripts/cufon-yui.js"></script>
<script type="text/javascript" src="<?php echo $path ?>/scripts/Myriad_Pro_700.font.js"></script>
<script type="text/javascript" src="<?php echo $path ?>/scripts/cufon-replace.js"></script>

<link rel="stylesheet" href="<?php echo $path ?>/css/constant.css" type="text/css" />
<link rel="stylesheet" href="<?php echo $path ?>/css/template.css" type="text/css" />
<!--[if IE 6]>
<script type="text/javascript" src="<?php echo $path ?>/scripts/ie_png.js"></script>
<script type="text/javascript">
ie_png.fix('.png');
</script>
<![endif]-->
</head>
<body id="body">
<div class="main">
<!--header-->
<?php if ($showHeaderRowColumn) : ?>
<div class="header-box-indent"><div class="header-box clear"><jdoc:include type="modules" name="top" style="xhtml" /></div></div>
<?php endif;?>
<div class="header-bg clear png">
<div class="row-logo clear">
<div class="fright">
<jdoc:include type="modules" name="user1" style="xhtml" />
</div>
<div class="fleft">
<h1 id="logo"><a href="<?php echo $_SERVER['PHP_SELF']?>" title="Grutter "><img title="Grutter " src="<?php echo $path ?>/images/logo.png" class="png" alt="Grutter " /></a></h1>
</div>
</div>
<div class="row-top-menu-indent"><div class="row-top-menu clear png">
<?php if ($showSearchColumn) : ?>
<div class="fright"><jdoc:include type="modules" name="user4" style="search" /></div>
<?php endif;?>
<div class="fleft menu-text"><jdoc:include type="modules" name="user3" style="topmenu" /></div>
</div></div>
<div class="row-flash clear"><jdoc:include type="modules" name="user2" style="xhtml" /></div>
</div>
<!--content-->
<div id="content">
<div class="clear">
<!--right-->
<?php if ($showrightColumn && !$Edit) : ?>
<div id="right">
<div class="right-indent">
<jdoc:include type="modules" name="right" style="wrapper_box" />
</div>
</div>
<?php endif;?>
<!--center-->
<div id="container">
<div class="clear">
<?php if ($showCustomColumn && !$Edit) : ?>
<jdoc:include type="modules" name="user5" style="xhtml" />
<?php endif;?>
<?php if ($this->getBuffer('message')) : ?>
<div class="error err-space">
<jdoc:include type="message" />
</div>
<?php endif; ?>
<jdoc:include type="component" />
</div>
</div>
</div>
</div>
<!--footer-->
<div class="footer-bg clear">
<div class="footer-bg-top">
<div class="footer"><?php echo JText::_('Powered by') ?> <a href="#">Joomla!</a> &nbsp;&nbsp;&nbsp;<!--{%FOOTER_LINK} --></div>
</div>
</div>
</div>
<script type="text/javascript"> Cufon.now(); </script>
</body>
</html>
teplate.css
/* CSS Document */
/*--------------------------------------body---*/
body, td, th, div, p, label, input {
color:#000000;
font:normal 11px/14px Tahoma, Geneva, sans-serif;
}
input, select, #contact_text {
color:#737373;
font-family:Arial, Helvetica, sans-serif;

}
a{color:#ff7800; }
a:hover {
color:#ff7800;
text-decoration:none;

}
a:hover {text-decoration:none}
a, button, .button{ cursor:pointer;}
/*----------------------------------------------------------content---*/
/*-----------------------------article_settings-*/
.pagenavcounter{ padding:11px 0;}
h6 {font:bold 12px Arial, Helvetica, sans-serif;}

.article-decor {padding:0px 0px 12px 0px;}
#contact_text{ height:auto; overflow:auto; margin:0px 0px 5px 0px; width:90%; font-size:12px;}

.article-separator-indent{ padding:0 0 0 24px; display:none;}
.article_separator{ height:40px; border-top:2px solid #dddddd; display:block; display:none;}


.column_separator{padding:0px 0px 0px 0 !important;}
.article_column {padding:0px 0px 0px 0px;}

.article_indent h3 {overflow:hidden;}
.article_indent h3 img {margin:0px 3px 0px 0px !important; float:left}
.contentpaneopen ul, .article-indent ul {list-style:disc; margin:0px 0px 0px 15px; }

.contentpaneopen ul li, .article-indent ul li { padding:0px 0px 6px 0px; }
.contentdescription img {margin:0px 20px 0px 0px; }
.contentpaneopen img{margin:0 11px 0px 0px;}

.contentpaneopen h3 img{margin:18px 10px 0px 0px;}

#content .module ul{ list-style:none; margin:0;}
#container ul{ list-style:none; margin:0; }
#container ul li, #content .module ul li{ line-height:16px; padding:2px 0 8px 23px; background:url(../images/list_marker.gif) 0 6px no-repeat;}
#container ul li a, #content ul li a:hover, #content .module ul li a, #content .module ul li a:hover{ line-height:16px; font-size:11px; color:#FF7800; font-weight:bold;}
#content ul li a:hover, #content .module ul li a:hover{ color:#000;}
#container ul li p{ line-height:16px;}
#container ul li span{ color:#2C2E30; font-size:11px;}




.top-line { background:url(../images/border3.gif) 0 0 repeat-x; padding:26px 0 0 0;}



.img-indent{ float:left; margin:0 15px 0 0 !important;}
.text3{ color:#21A8D0; font-size:13px; line-height:19px;}
.extra-title{ color:#353535; font-size:11px; text-transform:uppercase; padding:15px 0 0 0; display:block;}
.indent-top1{ margin:15px 0 0 0;}
.indent-top3{ padding:37px 0 0 0;}
.list-indent1{ padding-bottom:25px !important;}



/*---------------------------content-heading---*/
.article-indent{ padding-left:3px;}
.article-indent span.small{ line-height:14px; color:#000000; font-size:10px; padding:0 0 0 0; text-transform:none;}
.article-indent .createdate{ line-height:14px; color:#000000; font-size:10px; margin:0 0px 0px 0; padding:0 0px 0 0; display:block; text-transform:none;}
.modifydate{color:#000000; font-size:10px; padding:10px 0px 0 1px; text-decoration:none !important; text-transform:none;}


.componentheading {
font-size:32px; padding:11px 5px 31px 0; color:#000; line-height:27px; text-transform:uppercase;
}
#poll{padding:0 0 0 0;}
td.contentheading{ font-size:25px; padding:2px 0 0 0; color:#000000; line-height:20px; text-transform:uppercase;}
.contentpaneopen p {padding:0px 0px 10px 0px;}
.buttonheading {padding:0 0 6px 0px;}
.icon-indent{ padding:2px 13px 0 0;}
.buttonheading img { padding:0; margin:2px 10px 0 7px; position:relative;}
span.contentheading {
font-weight:normal;
display:block;
padding:15px 0px 15px 0px;
margin:0px 0px 15px 0px;

}
#component-contact .contentheading{ font-size:18px; padding-bottom:25px;}
/*-----------------------------------read-more---*/

.indent-more{margin:15px 0 0 0; }
div a.readon {
background:url(../images/button1.gif) 0 0 no-repeat;
padding:0 0 0 0;
display:block;
line-height:14px;
text-align:center;
color:#FF7800;
font-size:12px;
border:none;
float:left;
font-weight:bold;
}
div a.readon span{ line-height:11px;}
div a.readon:hover { color:#000000; text-decoration:none;}

/*-----------------------------blog-more---*/

.blog_more {padding:51px 0px 10px 0; }
.blog_more strong { color:#000; font-size:20px; line-height:19px; display:block; padding:0 21px 8px 0; font-weight:normal; text-transform:uppercase;}
.blog_more h2 {font-size:12px; padding:0px 0px 0px 0px;}
.blog_more ul { margin:15px 0px 15px 0 !important;}
.blog_more a {text-decoration:underline}
.blog_more a:hover {text-decoration:none;}

/*-----------------------------item-info---*/
.pagin-bottom{ padding-bottom:18px;}
.pagin-top{ padding-top:0;}


.iteminfo {
padding:0px 0px 6px 0px;
margin:0px 0px 15px 0px;
}

.createdby {
color:#7a7a7a;
display:block;
text-transform:none;
}

div.small { /* Written by */
display:block;
color:#7a7a7a;
font-size:11px;
font-weight:normal;
margin:0px 0px 0px 0px;
padding:0px 0px 7px 0px;
white-space:nowrap;
line-height:11px;
}


/*--------------------------------------------------------VM---*/
#martInfo .button {
width:52px;
}
#martInfo h3 {
display:block;
width:71px;
float:left;
color:#666565;
font:normal 11px Arial, Helvetica, sans-serif;
text-transform:uppercase;
}
#martInfo .moduletable {
text-align:right;
}
.null {padding:0; margin:0 !important;}

/*-----------------------------------buttons---*/


#content .button,
#content .validate,
#content .readmore a
{
background:url(../images/button_more.png) 0 0 no-repeat;
width:79px;
padding:0 0 0 0; color:#fffbd6;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
float:left; display:block;
font-size:12px;
float:left;
text-decoration:none;
text-align:center;
display:block;
line-height:23px;
}
#content .button:hover, #content .validate:hover, #content .modal-button:hover, #content .readmore a:hover, #content div.blank a:hover{ color:#FFF !important; text-decoration:none;}
* html .button,
* html .validate {
display:block;
}
.wrapper-sub-title, .sub-title-wrapper{ background:#291D0B; color:#FFF; padding-top:8px !important; padding-bottom:8px !important;}
.wrapper-sub-title a, .wrapper-sub-title a:hover, .sub-title-wrapper a{ color:#FFF;}




.sub-indent-table{ text-indent:8px;}
#content .button2-left { float:left; margin-right:5px;}
#content .button2-left, .image {display:inline}
#content .button2-left a:hover,
#content .readmore a:hover,
#content div.blank a:hover {
color:#ff8c0a;

}
.modal-button, .readmore a, div.blank a {float:left; padding:0 0px; margin:0px 1px 0px 0px;}
#editor-xtd-buttons {padding:5px 0px 5px 0px; overflow:hidden; width:500px; float:left}


#editor-xtd-buttons .readmore {display:inline}
.blank {padding:5px 0px 0px 0px; _padding:11px 0px 11px 0px;}


#content .button,
#content .validate,
#content .modal-button
{
background:#FFBC00 url(../images/wrapper_button.gif) 0 0 no-repeat;
display:block;
width:65px;
padding:3px 0 3px 0 !important;
text-decoration:none;
color:#000000;
font-size:15px !important;
text-align:center;
line-height:18px !important;
cursor:pointer;
border:none;
font-weight:bold;
float:left;
margin:0 0 0 0;
font-family:Arial, Helvetica, sans-serif;
}
#content .button:hover, #content .validate:hover{ color:#FFF !important; text-decoration:none;}

#content div.blank a:hover, #content .readmore a:hover, #content .modal-button:hover{ color:#6ab320 !important; text-decoration:none;}




#content .modal-button, #content div.blank a, #content .readmore a{
background:#FFBC00 url(../images/wrapper_button.gif) 0 0 no-repeat;
display:block;
width:108px;
padding:3px 0 3px 0 !important;
text-decoration:none;
color:#000000;
font-size:15px !important;
text-align:center;
line-height:18px !important;
cursor:pointer;
border:none;
font-weight:bold;
float:left;
margin:11px 0 0 0;
font-family:Arial, Helvetica, sans-serif;
}

/*-----------------------------pagenav---*/
.pagin-top-border, .pagin-bottom{ text-align:center;}
.pagenav {
font-weight:normal
}
a.pagenav {
font-weight:normal;
padding:0px 2px 0px 2px;
margin:0px 2px 0px 0px;
text-decoration:none;
}
a.pagenav:hover {text-decoration:underline; }
a.pagenav:visited { text-decoration:none; }
.pagination_nav {font-size:12px; padding:10px 20px 0px 27px;}
.pagination_nav div {padding:5px 0px 5px 0px; }

.pagination {margin-top:10px}
.pagination li {padding:0px 5px 0px 5px;}
.pagination_result {padding:5px 0px 0px 0px; line-height:16px;}
.pagination span {padding:0px 10px 0px 0px;}
.pagination strong span {padding:0px 6px 0px 6px; font-weight:normal}

/*--------------------------------------result---*/
.searchArea {padding:10px; border:1px solid #291D0B; margin:15px 0 0 0;}
.sectiontableentry0 td, .sectiontableentry1 td, .sectiontableentry2 td { border-bottom:none;border-bottom:1px solid #291D0B;}
.sectiontableentry1 td, .sectiontableentry0 td, .sectiontableentry2 td { padding-bottom:5px; padding-top:5px; text-indent:11px;}
.var1 { padding:15px !important; margin:5px 0px 5px 0px; color:#000000; border-bottom:none; border-bottom:1px solid #291D0B;}
.var1 a, .var1 p{ color:#000000;}
.var2 { padding:15px !important; margin:5px 0px 5px 0px; border-bottom:none; border-bottom:1px solid #291D0B;}
.var2 a, .var2 p{ color:#000000;}
.results {padding:0px 20px 15px 29px;}
.searchintro {padding:10px 0px 10px 30px;}
.results ol li {padding:0px 0px 10px 0px; text-align:justify;}
.results h3{ padding-bottom:25px;}

#searchForm{ display:block; padding:0 0 0 0;}


.sectiontableheader{padding:6px 5px 6px 11px; }
#search_searchword{ margin:2px 0 0 0; padding:3px 0 3px 5px; border:1px solid #291D0B; background:none; color:#000;}
.indent-search-searchword{ display:block; padding:5px 11px 0 0;}
/*--------------------------------------archive---*/
.archiveBlock .button { display:inline-block; margin:0px 0px 0px 5px;}
ul#archive-list h4 a { font-size:12px; text-transform:none}
/*--------------------------------------poll---*/
dl.poll {padding:25px 0px 35px 0;}






.button-poll-left, .button-poll-right{
background:#FFBC00 url(../images/wrapper_button.gif) 0 0 no-repeat;
display:block;
width:65px;
padding:3px 0 3px 0 !important;
text-decoration:none;
color:#000000;
font-size:15px !important;
text-align:center;
line-height:18px !important;
cursor:pointer;
border:none;
font-weight:bold;
float:left;
margin:11px 0 0 0;
font-family:Arial, Helvetica, sans-serif;
}

.button-poll-right{ margin-right:90px !important; _margin-right:40px !important;}


.poll .buttons input:hover{ color:#000 !important; text-decoration:underline; }


#poll h3 {font-size:120%; padding:0px 0px 10px 0px;}
dl.poll dt {font-weight:bold; padding:7px 0px 0px 0px; }
.poll .question {color:#8A7658; font-size:12px; padding:0 10px 5px 1px; font-weight:bold;}
.poll .poll-body {padding:15px 0px 15px 0}
.poll-body label {font-size:11px; color:#000; line-height:14px; padding:0px 0px 0px 4px;}
.poll .buttons {margin:0 0px 0 0px;}

.poll .result {background:#ffea00;}
.poll .section {
overflow:hidden;
padding:3px 0px 3px 0px;
width:100%;
color:#fff;
}
.poll .section2 {
overflow:hidden;
padding:2px 0px 2px 0px;
width:100%;
color:#000;
color:#878989;
}
.poll .radio{float:left; width:20px;}
.poll .radio input {display:block; width:16px; height:16px; vertical-align:middle;}
.poll .var {margin:0px 0px 0px 20px;text-align:left}
.display {padding:0px 0px 10px 0px;}
.display select {border:1px solid #46462f; width:100px;}
.sectiontableentry1 div,
.sectiontableentry0 div {font-size:1px}
.td_1, .td_2 {width:5%; text-align:center;}
.td_3 { width:90%; padding:0px 0px 0px 10px;}
.pollstableborder .question {padding:0px 0px 0px 85px;}
.pollstableborder{ margin:25px 0 0 0;}
/*--------------------------------------userforms---*/

dl.contentpane dt {
padding:10px 0px 20px 0px;
}
dl.contentpane dd {
width:100%;
overflow:hidden;
}
dl.contentpane div {
vertical-align:middle
}
dl.contentpane .description {
width:110px;
padding:0px 0px 0px 0px;
vertical-align:middle
}
dl.contentpane .input-field {
width:160px;
padding:2px 0px 0px 0px;
vertical-align:middle
}
dl.contentpane .button-field {
width:140px;
padding:0px 0px 0px 0px;
vertical-align:middle
}

/*-------------------------------------search---*/
.module-search h3{ position:absolute; margin:15px 0 0 13px; color:#ffffff; font-size:15px; line-height:15px; text-transform:uppercase;}
.search{ margin:0 0 0 0;}
.search .search-input{position:absolute; margin:12px 0 0 82px; *margin:12px 0 0 42px;}
.search .search-button{ position:absolute; margin:16px 0 0 229px; width:5px;}
.search .inputbox {
background:none;
border:none;
color:#291c0b;
line-height:15px;
padding:0 0 0 0 !important;
margin:0 0px 0 0;
width:126px;
font-size:13px;
font-family:Arial, Helvetica, sans-serif;
text-transform:capitalize;
}
.search .button { width:5px; height:9px; margin:0 0 0 0; padding:0;}
.search .button:hover{ text-decoration:underline;}
span.count{ color:#6ab320; font-size:15px; font-weight:bold;}
/*-------------------------------------search-result---*/
.search_result {padding:0px 20px 0px 0px;}
.search_result h3 {color:#808080; font-size:14px;}
.searchintro b, .searchintro strong, .highlight {color:#FF7800; font-weight:bold; font-size:12px;}

/*-------------------------------------admin-form---*/

.adminform td {padding:0px 0px 2px 0px;}
.pagin-bottom{ padding:5px 0 15px 0;}

/*---------------------------system-error-messages--*/

.error {margin:15px 11px 20px 0;}
.message{ margin:0 !important;}
#system-message dt.error, dt.message {display: none; }
.error dd ul {
background:#CE0303;
border-bottom:3px solid #670606;
border-top:3px solid #670606;
color:#FFFFFF;
margin:0 !important;
padding:5px 0 5px 10px !important;


}
.error dd ul li {
background:none !important;
color:#fff !important;
margin:0px 0px 0px 20px !important;
padding:0 !important;
}
/*---------------------------------------------------------------------------------boxes---*/


/*-------------------------------------mainmenu---*/

/*-----------------content----*/
.module_menu div{color:#fff; font-size:12px;}
.module_menu ul {list-style:none; margin:0 0 0 0 !important;}
.module_menu li { display:block; line-height:14px !important; padding:0 0 0 0;}
.module_menu li ul {padding:5px 0px 11px 11px; margin:0 0 0 0 !important;}
.module_menu li ul li{ border:none;}
.module_menu li ul li a{ padding:0 0 0 0; }
.module_menu li a {
padding:4px 0px 8px 19px !important;
color:#FF7800 !important;
display:block;
line-height:14px !important;
background:url(../images/marker_main_menu.gif) 0 9px no-repeat;
text-decoration:none;
font-weight:bold;
}
.module_menu li a span { font-size:13px; text-transform:none !important; text-transform:uppercase;}
.module_menu li a:hover {
color:#000 !important;
padding:0 0px 0 0;

}
.module_menu li a:hover span {color:#000 !important; }
.module_menu li.active a {color:#000 !important; padding:0px 0px 0 22px; }

/*-------------------------------------topmenu---*/

.row-top-menu ul.menu-nav {
padding:0 0 0 0 !important;
margin:0 0 0 1px !important;

}
.row-top-menu ul.menu-nav li {
display:block;
padding:0 0 0 0;
float:left;
margin:0 0 0 0;
padding:0 0 0 0 !important;
}
.row-top-menu ul.menu-nav li a {
border:none;
text-decoration:none !important;
float:left;
padding:14px 18px 12px 18px;
margin:0 0 0 0;
text-transform:uppercase;
display:block;
}
.row-top-menu ul.menu-nav li a span {
display:block;
color:#ffffff;
font-size:15px;
line-height:13px;
text-decoration:none !important;
float:left;
padding:0 0 0 0 !important;


}

/*-------------------hover-active----*/
.row-top-menu ul.menu-nav li a:hover, .row-top-menu ul.menu-nav li.active a {
color:#FFF;
background:url(../images/top_menu_hover.png) 0 0 repeat-x;
}
.row-top-menu ul.menu-nav li a:hover span, .row-top-menu ul.menu-nav li.active a span {
color:#FFF;
}








/*----------------------------------------login-form---*/
.module-login .moduleTopBg {width:100%;}
.module-login .sec {width:100%;}
.module-login .boxIndent {padding:0 0px 0 0;}
/*-------------------title----*/

/*-----------------content----*/
.form-login{}

.login-text-1{ color:#737676; font-size:12px;}
.form-height{ height:29px; margin:0 0 0 0; background:url(../images/bg_input.gif) 0 0 no-repeat;}
#form-login {padding:0px 0px 0px 15px;}
#form-login-remember {padding:15px 0px 0 0px;}
#form-login-remember a{ color:#FF7800; font-size:11px; font-weight:bold; line-height:17px;}
#form-login-remember a:hover{ color:#000;}
.module-login label {
display:block;
line-height:18px;
padding:0px 0px 5px 0;
width:100%;
}
label.remember {
display:inline;
color:#645851 !important;
margin:0 0 0 0;
font-weight:normal;
}


.module-login p, .module-login div, label.remember {
padding:0 0 0 0;
color:#000000 !important;
font-size:12px;
line-height:15px;
}
.logo-title{ font-size:15px; padding-bottom:21px !important; font-size:14px !important; display:block; line-height:35px; color:#000 !important;}
.remember{ padding:0 !important;}
#mod_login_username, #mod_login_password {margin:0px 0px 0px 0px;}

.module-login a, .module-login a:hover {
padding:0px 0px 0px 0px;
margin:0;
line-height:20px;
font-weight:normal;
color:#323232;
font-size:11px;
}
.module-login a:hover{ color:#323232;}
.module-login .inputbox { /* inputbox */
color:#000;
background:none;
padding:2px 0px 2px 8px;
vertical-align:top;
width:154px;
margin:0 0px 0 0;
font-size:13px;
font-family:Arial, Helvetica, sans-serif;
border:1px solid #000000;
}
#modlgn_username, #modlgn_passwd {float:left;}
.username label, .password label {
}
.module-login .button { /* button */

}
.remember { padding:4px 0px 0px 0px;}

input.checkbox { /* checkbox */
border:none;
display:block;
margin:2px 5px 0px 0;
vertical-align:middle;
width:12px;
height:12px;
position:relative;
float:left;
}



.button-login:hover, .log .button:hover{ color:#FFF !important; text-decoration:none; }
.button-login{
background:#FFBC00 url(../images/wrapper_button.gif) 0 0 no-repeat;
display:block;
width:65px;
padding:3px 0 3px 0 !important;
text-decoration:none;
color:#000000;
font-size:15px !important;
text-align:center;
line-height:18px !important;
cursor:pointer;
border:none;
font-weight:bold;
float:left;
margin:11px 0 0 0;
font-family:Arial, Helvetica, sans-serif;
}
#inputs{ padding:14px 11px 16px 0;}
.log { padding-bottom:21px;}

/*---------------------------------------------------------structure---*/
#body { background:#39270e url(../images/main_wrapper.jpg) top center repeat;}
.main {
width:963px;
position:relative;
margin:0 auto;
padding:0 0 0 0;
}



/*-------------------------------------header---*/
.clear{ width:100%; overflow:hidden;}
.clear1{ clear:both;}
.br{ display:block;}
.fright{ float:right !important;}
.fleft{ float:left;}



#logo{ display:block; margin:21px 0 0 27px; position:absolute; }
#logo a{ display:block; position:relative; cursor:pointer;}

.header-box{ background:url(../images/header_bg1.gif) 0 0 repeat;}

.row-text .fright{ padding:0 37px 0 0; line-height:25px;}
.row-text .fleft{ text-indent:31px;}
.row-text .fleft a{ color:#000000; line-height:25px; text-decoration:none;}
.row-text .fleft a:hover{ text-decoration:underline;}

.row-text .fright a{ color:#000000; font-size:11px; line-height:11px;}
.header-bg { background:url(../images/header_bg.png) 0 0 no-repeat; height:424px;}

.row-logo{ height:98px;}
.row-logo .fleft{ width:400px;}
.row-logo .fright{ width:400px;}


.row-top-menu{ background:url(../images/wrapper_menu.png) 0 0 repeat-x; height:44px;}
.row-top-menu .fleft{ width:669px;}
.row-top-menu .fright{ width:248px; background:url(../images/wrapper_search.png) 0 0 no-repeat; height:44px;}

.topmenu-left{ position:absolute; background:url(../images/topmenu_left.png) 0 0 no-repeat; width:7px; height:7px; margin:0 0 0 0px;}
.topmenu-left1{ position:absolute; background:url(../images/topmenu_left1.png) 0 0 no-repeat; width:7px; height:7px; margin:39px 0 0 0px;}

.row-top-menu-indent{ padding:0 24px 0 22px;}
.text-header-slogan{ color:#ffffff; font-size:24px; line-height:24px; text-transform:uppercase; float:right; padding:45px 29px 0 0;}

.header-box-indent{ padding:0 1px 0 0;}

.indent-flash{ padding:6px 0 0 23px;}



/*-------------------------------------content---*/
#content{ padding:22px 24px 19px 38px; background:url(../images/wrapper_site.jpg) center top repeat;}
#container{overflow:hidden; height:100%; text-align:left; padding:0 0 0 0;}
#right{ float:right; text-align:left; width:255px;}
.right-indent{ padding:0 0 0 10px;}

.custom-title{ color:#000000; font-size:30px; font-weight:bold; line-height:30px; text-transform:uppercase; padding-bottom:15px;}
.custom-title strong{ color:#8A7658; font-size:18px; line-height:18px; display:block;}

.text1, .article_column, .article-text-indent{ font-size:12px; line-height:14px; color:#000000;}
.indent-top{ padding:14px 0 7px 0;}
.link{ color:#FF7800; font-size:12px; font-weight:bold;}

.indent-banners{ padding:6px 0 0 0;}

.indent-custom-bottom{ padding-bottom:22px;}
.article-text-indent{ padding:19px 28px 35px 0;}
.column_separator{ padding:0 0 0 20px !important;}

.text-box dt{ font-size:9px;}
.text-box dt strong{font-size:12px; line-height:12px;}
.text-box dd{ padding:0 0 23px 0;}

.cuslom-list{ list-style:none; margin:0; padding:0 0 4px 0;}
.cuslom-list li{ margin:0 !important; padding:0 0 19px 0 !important; background:none !important;}
.cuslom-list li a{ color:#000000 !important; text-decoration:none; padding:0 0 0 57px !important; margin:0 !important; display:block; font-size:11px !important; line-height:14px !important; font-weight:normal !important;}
.cuslom-list li a strong{ display:block; color:#000000; font-size:13px;}
.cuslom-list .marker1 a{ background:url(../images/list_marker1.png) 0 0 no-repeat;}
.cuslom-list .marker1 a:hover, .cuslom-list .marker1 a:hover strong{ color:#DBAD07 !important;}
.cuslom-list .marker2 a{ background:url(../images/list_marker2.png) 0 0 no-repeat;}
.cuslom-list .marker2 a:hover, .cuslom-list .marker2 a:hover strong{ color:#ABD027 !important;}
.cuslom-list .marker3 a{ background:url(../images/list_marker3.png) 0 0 no-repeat;}
.cuslom-list .marker3 a:hover, .cuslom-list .marker3 a:hover strong{ color:#1D8268 !important;}


.article-text-indent h1, .article-text-indent h2, .article-text-indent h3, .article-text-indent h4, .article-text-indent h5, .article-text-indent h6{ color:#000;}

/*wrapper-box*/
.wrapper-box .boxTitle h3{ color:#000000; font-size:25px;}
.wrapper-box .boxIndent{ padding:0 0 21px 0;}
/**/





/*-------------------------------------footer---*/

.footer-bg{ background:url(../images/footer_bg.jpg) 0 0 repeat;}
.footer-bg-top{ background:url(../images/footer_bg_top.jpg) 0 0 repeat-x;}
.footer{ padding:15px 15px 15px 37px; color:#34230D; font-size:11px; line-height:13px;}
.footer a, .footer a:hover{ color:#34230D;}

Ευχαριστώ

Άβαταρ μέλους
Sermac
Δημοσιεύσεις: 363
Εγγραφή: 26 Σεπ 2007 21:08

Αλλαγή Logo.png

Δημοσίευση από Sermac » 13 Μαρ 2010 05:00

Απ' όσα έστειλες, μόνο αυτά χρειάζονται:

Κώδικας: Επιλογή όλων

        <div class="row-logo clear">
        	<div class="fright">
            </div>
            <div class="fleft">
            	<h1 id="logo"><a href="" title="Grutter"><img title="Grutter" src="logo.png" class="png" alt="Grutter" /></a></h1>
            </div>
        </div>

Κώδικας: Επιλογή όλων

.fright&#123; float&#58;right;&#125;
.fleft&#123; float&#58;left;&#125;

.row-logo&#123; height&#58;98px;&#125;
.row-logo .fleft&#123; width&#58;400px;&#125;
.row-logo .fright&#123; width&#58;400px;&#125;

#logo&#123; display&#58;block; margin&#58;21px 0 0 27px; position&#58;absolute; &#125;
#logo a&#123; display&#58;block; position&#58;relative; cursor&#58;pointer;&#125;

Έτσι όπως είναι ο κώδικας το img παίρνει τις διαστάσεις τις εικόνας. Αν η εικόνα είναι 218x218, τότε και το img θα γίνει 218x218.

Πιθανόν να σε εμποδίζει το .row-logo{ height:98px;}, οπότε ή σβήσ' το ή άλλαξέ το.
Εικόνα

kostas-theod
Δημοσιεύσεις: 222
Εγγραφή: 11 Ιαν 2004 09:15
Τοποθεσία: Πάτρα-ΕΛΛΑΔΑ

Αλλαγή Logo.png

Δημοσίευση από kostas-theod » 13 Μαρ 2010 08:22

Ευχαριστώ πολύ για την βοήθεια

Diogig
Δημοσιεύσεις: 67
Εγγραφή: 12 Φεβ 2009 19:59
Επικοινωνία:

Αλλαγή Logo.png

Δημοσίευση από Diogig » 16 Μαρ 2010 18:38

Επιση απλο θα ηταν να αλλαξεις τις διαστασεις της εικονας σου (png) χρησιμοποιωντας πχ το photoshop η καποιο παρομοιο προγραμμα και μετα να ανεβασεις την καινουργια εικονα στο server στο φακελλο που ηταν και η παλια..

Άβαταρ μέλους
EneMe
Super Moderator
Δημοσιεύσεις: 13307
Εγγραφή: 09 Ιούλ 2002 13:29
Τοποθεσία: Στο κέντρο της Ελλάδας!
Επικοινωνία:

Αλλαγή Logo.png

Δημοσίευση από EneMe » 16 Μαρ 2010 23:08

Diogig έγραψε:Επιση απλο θα ηταν να αλλαξεις τις διαστασεις της εικονας σου (png) χρησιμοποιωντας πχ το photoshop η καποιο παρομοιο προγραμμα και μετα να ανεβασεις την καινουργια εικονα στο server στο φακελλο που ηταν και η παλια..
Δεν δουλεύει στα περισσότερα templates, τα οποία δείχνουν όσα pixels ορίζονται στο css και η υπόλοιπη εικόνα απλά χάνεται (δεν ξεχειλώνει δηλαδή η εμφάνιση)

Απάντηση

Επιστροφή στο “Joomla! γενικά”

Μέλη σε σύνδεση

Μέλη σε αυτήν τη Δ. Συζήτηση: Δεν υπάρχουν εγγεγραμμένα μέλη και 1 επισκέπτης