Размер шрифта и размер картинки

VIK4

Захожу иногда
91
5 / 0

Размер шрифта и размер картинки

« : 16.10.2023, 13:11:08 »

Добрый день!
Помогите пожалуйста изменить размер шрифта и размер герба на картинке слева от текста:
https://int6.ru

index.php:

<?php defined( '_JEXEC' ) or die( 'Restricted access' );
$scrolltop      = $this->params->get('scrolltop');
$logo         = $this->params->get('logo');
$logotype      = $this->params->get('logotype');
$sitetitle      = $this->params->get('sitetitle');
$sitedesc      = $this->params->get('sitedesc');
$menuid         = $this->params->get('menuid');
$animation      = $this->params->get('animation');
$app         = JFactory::getApplication();
$doc         = JFactory::getDocument();
$templateparams   = $app->getTemplate(true)->params;
$menu = $app->getMenu();
include_once('db.php');

?>

<?php
if (JRequest::getVar('v') == 'light') {
$light_version = true;
setcookie("version", "light", time() + (10 * 365 * 24 * 60 * 60));
} elseif (JRequest::getVar('v') == 'normal') {
$light_version = false;
setcookie("version", "normal", time() + (10 * 365 * 24 * 60 * 60));
} elseif ((isset($_COOKIE["version"])) && $_COOKIE["version"] == 'light') {
$light_version = true;
} else {
$light_version = false;
}
?>
<? if (!$light_version){ ?>

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

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

<script src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/js/jquery-1.11.3.min.js"></script>
<script type="text/javascript" src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/js/jquery.cycle2.min.js"></script>
<script src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/js/jquery.cycle2.carousel.min.js"></script>
<script src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/js/jquery.jtemplateselector.js"></script>

<script src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/flex/jquery.fancybox.js"></script>
<script src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/flex/jquery.fancybox.pack.js"></script>
<script src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/flex/jquery.mousewheel-3.0.6.pack.js"></script>
<link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/flex/jquery.fancybox.css" type="text/css" />

<?php if ($scrolltop == 'yes' ) : ?>
   <script type="text/javascript" src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/js/scroll.js"></script>

<?php endif; ?>
</head>
<body class="background">

<script type="text/javascript">
jQuery(document).ready(function($){
   // browser window scroll (in pixels) after which the "back to top" link is shown
   var offset = 300,
      //browser window scroll (in pixels) after which the "back to top" link opacity is reduced
      offset_opacity = 1200,
      //duration of the top scrolling animation (in ms)
      scroll_top_duration = 700,
      //grab the "back to top" link
      $back_to_top = $('.cd-top');

   //hide or show the "back to top" link
   $(window).scroll(function(){
      ( $(this).scrollTop() > offset )? $back_to_top.addClass('cd-is-visible') : $back_to_top.removeClass('cd-is-visible cd-fade-out');

   });

   //smooth scroll to top
   $back_to_top.on('click', function(event){
      event.preventDefault();
      $('body,html').animate({
         scrollTop: 0 ,
          }, scroll_top_duration
      );
   });

});

$(document).ready(function() {

$('.item-page img').each(function(){
   if ($(this).attr('alt')!='nolink'){
var src=$(this).attr('src');
var title=$(this).attr('title');
var width=$(this).width();
var height=$(this).height();
var left=width-320;
var top=height-60;
if(title==null){$(this).wrap('<a class="fancybox-button" rel="group" href="'+src+'"> </a>');}
else{$(this).wrap('<a class="fancybox" rel="group" title="'+title+'" href="'+src+'"> <p class="center_img_title" style="margin-left:'+left+'px; margin-top:'+top+'px">'+title+'</p></a>');}
   }
});
   $("li.print-icon").html(" ");

$("#content-left a").each(function(){
var text_a = $(this).text();
if(text_a === "СКАЧАТЬ" || text_a === "скачать" || text_a === "Скачать" || text_a === "смотреть видео" || text_a === "смотреть альбом"){
$(this).html("<div class='a_donwload'>"+text_a+"</div>");
$(this).attr('title',text_a);
}
if(text_a === "ПЕРЕЙТИ К МАТЕРИАЛУ" || text_a === "перейти к материалу" || text_a === "Перейти к материалу"){
$(this).html("<div class='a_donwload'>перейти к материалу</div>");
$(this).attr('title',"перейти к материалу");
}
});

   $(".fancybox-button").fancybox({
      prevEffect      : 'fade',
      nextEffect      : 'fade',
      closeBtn      : true,
      helpers      : {
         title   : { type : 'inside' },
         buttons   : {}
      }
   });

});

</script>

<header>

<table id="header-table">
<tbody>
<tr>
<td id="logo">
<a href="/" title="На главную">
<img src="/templates/school/images/logo.png" alt="ГБОУ ШКОЛА № 6">
<div>
<span>ГОСУДАРСТВЕННОЕ БЮДЖЕТНОЕ ОБЩЕОБРАЗОВАТЕЛЬНОЕ УЧРЕЖДЕНИЕ</span></br>
<span>ШКОЛА № 6 КРАСНОГВАРДЕЙСКОГО РАЙОНА САНКТ-ПЕТЕРБУРГА</span>
</div>
</a>
</td>
<td id="header-right">
<table id="table-right">
<tr><td><a href="?v=light"><div id="eyes">Версия сайта</br>для слабовидящих</div></a></td></tr>
<tr><td><div id="search">
<?php if ($this->countModules('search')) : ?>
   <jdoc:include type="modules" name="search" style="none"/>
<?php endif; ?>

</div></td></tr>
</table>
</td>
</tr>
</tbody>
</table>

</header>
<div id="nav">
<div id="nav-menu"><jdoc:include type="modules" name="menu" style="menu" /></div>
</div>
<div class="container">
<?php if ($this->countModules('breadcrumbs')) : ?>
   <jdoc:include type="modules" name="breadcrumbs" style="none"/>
<?php endif; ?>
<?php if ($this->countModules('slideshow_front')) : ?>
<jdoc:include type="modules" name="slideshow_front" style="none"/>
<?php endif; ?>
<?php if ($this->countModules('news_front')) : ?>
   <jdoc:include type="modules" name="news_front" style="none"/>
<?php endif; ?>
<div class="clear"></div>

<?php if ($this->countModules('content_right')){
echo "<div id='content-left'>";
}else{
echo "<div id='content-left' class='full'>";
} ?>

   <?php include "html/template.php"; ?>
<jdoc:include type="message" />
<jdoc:include type="component" />
<a href="#0" class="cd-top" title="Вверх">Top</a>
</div>
<?php if ($this->countModules('content_right')) : ?>
<div id="content-right">
   <jdoc:include type="modules" name="content_right" style="xhtml"/>
<?php endif; ?>
</div>

<div class="clear"></div>
<?php if ($this->countModules('slideshow_bottom')) : ?>
   <jdoc:include type="modules" name="slideshow_bottom" style="none"/>
<?php endif; ?>
</div>
<footer>
<?php if ($this->countModules('footer')) : ?>
   <jdoc:include type="modules" name="footer" style="none"/>
<?php endif; ?>
</footer>

</body>
</html>

<? } else { ?>
<!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" />

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

<script src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/js/jquery-1.11.3.min.js"></script>
<script type="text/javascript" src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/js/jquery.cycle2.min.js"></script>
<script src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/js/jquery.cycle2.carousel.min.js"></script>
<script src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/js/jquery.jtemplateselector.js"></script>
<script type="text/javascript" src="<?php echo $this->baseurl; ?>/templates/<?php echo $this->template; ?>/js/jquery.cookie.js"></script>


<script src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/flex/jquery.fancybox.js"></script>
<script src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/flex/jquery.fancybox.pack.js"></script>
<script src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/flex/jquery.mousewheel-3.0.6.pack.js"></script>
<link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/flex/jquery.fancybox.css" type="text/css" />

<?php if ($scrolltop == 'yes' ) : ?>
   <script type="text/javascript" src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/js/scroll.js"></script>

<?php endif; ?>
</head>
<body>

<style>
body{background:#<?=$_COOKIE['bg']?>;}
.parent ul{border:1px solid #<?=$_COOKIE['color']?>; background:#<?=$_COOKIE['bg']?>;}
#cont{
font-size:<?=$_COOKIE['size']?>px;
color:#<?=$_COOKIE['color']?>;
}
#cont a{
color:#<?=$_COOKIE['color']?>;
}
</style>

<script type="text/javascript">

function imgOut(){
   $('.img').hide();
   $('#cont img').hide();
   $('.news_img').hide();
   $('#img_in').removeClass('act');
   $('#img_out').addClass('act');
}

function imgIn(){
   $('.img').show();
   $('#cont img').show();
   $('.news_img').show();
   $('#img_out').removeClass('act');
   $('#img_in').addClass('act');
}

function fontPlus(kof){

$('#cont').css('font-size',kof+'px');
$.cookie('size',kof,{path: '/'});

}

function fontColor(col){
   if(col=='000'){col=1;}
   if(col=='fff'){col=2;}
   if(col=='063462'){col=3;}
if(col==1){var color='000'; var bg='fff';}
if(col==2){var color='fff'; var bg='000';}
if(col==3){var color='063462'; var bg='9dd1ff';}

$('#cont').css('color','#'+color);
$('#cont a').css('color','#'+color);
$('#cont').css('background','#'+bg);
$('.container').css({'border':'2px solid #'+color});
$('h1,h2').css({'border-bottom':'2px solid #'+color});
$('#nav').css({'border-bottom':'2px solid #'+color,'border-top':'2px solid #'+color});
$('#mod-search-searchword').css({'border':'2px solid #'+color});
$('.categories-module li').css({'border-bottom': '1px dashed #'+color});
$.cookie('color',color,{path: '/'});
$.cookie('bg',bg,{path: '/'});

console.log('123');

}
</script>

<script type="text/javascript">
$(document).ready(function() {

   fontColor('<?=$_COOKIE['color']?>');

$("#content-left a").each(function(){
var text_a = $(this).text();
if(text_a === "СКАЧАТЬ" || text_a === "скачать" || text_a === "Скачать"){
$(this).html("<div class='a_donwload'>скачать</div>");
$(this).attr('title',"скачать");
}
if(text_a === "ПЕРЕЙТИ К МАТЕРИАЛУ" || text_a === "перейти к материалу" || text_a === "Перейти к материалу"){
$(this).html("<div class='a_donwload'>перейти к материалу</div>");
$(this).attr('title',"перейти к материалу");
}
});

   $(".fancybox-button").fancybox({
      prevEffect      : 'fade',
      nextEffect      : 'fade',
      closeBtn      : true,
      helpers      : {
         title   : { type : 'inside' },
         buttons   : {}
      }
   });
});

</script>

<div id="tools">
<table cellpadding="0" cellspacing="0" align="center"><tr><td>
<div class="font_plus"><div class='title'>Размер шрифта:</div>
<div class="elem">
<span style="font-size:16px; cursor:pointer;" onclick="fontPlus(16);">A</span>&emsp;
<span style="font-size:20px; cursor:pointer;" onclick="fontPlus(20);">A</span>&emsp;
<span style="font-size:24px; cursor:pointer;" onclick="fontPlus(24);">A</span>
</div>
</div>
<div class="font_color"><div class='title'>Цвет сайта: </div>
<div class="elem">
<span style="cursor:pointer;" onclick="fontColor(1);"><img src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/images/color1.jpg" /></span>&emsp;
<span style="cursor:pointer;" onclick="fontColor(2);"><img src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/images/color2.jpg" /></span>&emsp;
<span style="cursor:pointer;" onclick="fontColor(3);"><img src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/images/color3.jpg" /></span>
</span>
</div>
</div>

<div class="img_switch"><div class='title'>Изображения:</div>
<div class="elem">
<span style="cursor:pointer;" class="act" id="img_in" onclick="imgIn();">вкл</span>  <span style="cursor:pointer;" id="img_out" onclick="imgOut();">выкл</span>
</div>
</div>

<a class="version" href="?v=normal"><img src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/images/version.jpg" /></a>
</td></tr></table>
</div>

<div id="cont">
<header>
<table id="header-table">
<tbody>
<tr>
<td id="logo">
<a href="/" title="На главную">
<img src="/templates/school/images/logo.png" alt="ГБОУ ШКОЛА-ИНТЕРНАТ № 6">
<div>
<span>ГБОУ ШКОЛА-ИНТЕРНАТ № 6</span></br>
<span>КРАСНОГВАРДЕЙСКОГО РАЙОНА</span></br>
<span>САНКТ-ПЕТЕРБУРГА</span>
</div>
</a>
</td>
<td id="header-right">
<table id="table-right">

<tr><td><div id="search">
<?php if ($this->countModules('search')) : ?>
   <jdoc:include type="modules" name="search" style="none"/>
<?php endif; ?>

</div></td></tr>
</table>
</td>
</tr>
</tbody>
</table>

</header>
<div id="nav">
<div id="nav-menu"><jdoc:include type="modules" name="menu" style="menu" /></div>
<br style="clear:both" />
</div>
<div class="container">
<?php if ($this->countModules('breadcrumbs')) : ?>
   <jdoc:include type="modules" name="breadcrumbs" style="none"/>
<?php endif; ?>

<?php if ($this->countModules('news_front')) : ?>
   <jdoc:include type="modules" name="news_front" style="none"/>
<?php endif; ?>
<div class="clear"></div>

<?php if ($this->countModules('content_right')){
echo "<div id='content-left'>";
}else{
echo "<div id='content-left' class='full'>";
} ?>

   <?php include "html/template.php"; ?>
<jdoc:include type="message" />
<jdoc:include type="component" />
</div>
<?php if ($this->countModules('content_right')) : ?>
<div id="content-right">
   <jdoc:include type="modules" name="content_right" style="xhtml"/>
<?php endif; ?>
</div>

<div class="clear"></div>
<?php if ($this->countModules('slideshow_bottom')) : ?>
   <jdoc:include type="modules" name="slideshow_bottom" style="none"/>
<?php endif; ?>
</div>
<footer>
<?php if ($this->countModules('footer')) : ?>
   <jdoc:include type="modules" name="footer" style="none"/>

<?php endif; ?>
</footer>
</div>
</body>
</html>

<? } ?>

Записан

Vastriet

Захожу иногда
405
11 / 0

Re: Размер шрифта и размер картинки

« Ответ #1 : 16.10.2023, 13:24:00 »

Код

header #logo span:nth-child(1) {
font-size: 19px;
}

верхняя строка

Код

header #logo span {
font-size: 15px;
}

нижняя строка
с картинкой сами играйтесь ибо на табличкой верстке все сделано

Записан

VIK4

Захожу иногда
91
5 / 0

Re: Размер шрифта и размер картинки

« Ответ #2 : 16.10.2023, 13:26:48 »

Цитата: Vastriet от 16.10.2023, 13:24:00

Код
header #logo span:nth-child(1) {
font-size: 19px;
}
верхняя строка
Код
header #logo span {
font-size: 15px;
}
нижняя строка
с картинкой сами играйтесь ибо на табличкой верстке все сделано

Спасибо!!!

« Последнее редактирование: 16.10.2023, 13:39:19 от VIK4 »

Записан

VIK4

Захожу иногда
91
5 / 0

Re: Размер шрифта и размер картинки

« Ответ #3 : 16.10.2023, 14:01:45 »

Разрешите ещё вопрос, можно ли как-то сделать небольшой отступ сверху первой строки: "ГОСУДАРСТВЕННОЕ БЮДЖЕТНОЕ ОБЩЕОБРАЗОВАТЕЛЬНОЕ УЧРЕЖДЕНИЕ" чтобы отцентровать название относительно герба?

Записан

Vastriet

Захожу иногда
405
11 / 0

Re: Размер шрифта и размер картинки

« Ответ #4 : 16.10.2023, 14:09:02 »

Код

header #logo div {
float: left;
margin-top: 22px;
}

тут

Записан

VIK4

Захожу иногда
91
5 / 0

Re: Размер шрифта и размер картинки

« Ответ #5 : 16.10.2023, 14:09:39 »

Цитата: Vastriet от 16.10.2023, 14:09:02

Код

header #logo div {
float: left;
margin-top: 22px;
}

тут

Благодарю!

Записан

Не подгружаются картинки на сайте - хостер развел руки Автор Zegeberg	Ответов: 5 Просмотров: 872	14.11.2021, 10:47:59 от ProtectYourSite
Подтянуть картинки из поля "полного материала" в поле "вступительного" Автор max_max	Ответов: 9 Просмотров: 971	01.10.2021, 12:58:04 от ShopES
Объединить картинки-ссылки в один запрос Автор Elimelech	Ответов: 0 Просмотров: 829	10.03.2020, 13:19:58 от Elimelech
Не загружаются картинки в стандартный блог Joomla Автор alexfra	Ответов: 2 Просмотров: 1196	22.01.2020, 17:36:06 от SeBun
VirtueMart - Не меняется размер дополнительных картинок в карточке товара Автор aliallaxverdiev91	Ответов: 1 Просмотров: 845	22.01.2020, 07:04:12 от gartes

Размер шрифта и размер картинки - Joomla 3.x: Установка, обновление и настройка

Новости Joomla

Почти 100 драгоценных камней Joomla 4 и 5, без которых я не могу жить

Номинируйте Joomla на премию CMS Critic People’s Choice Awards 2024

SW JProjects v.2.2.0 - обновление менеджера цифровых проектов для Joomla разработчиков

VIK4

Размер шрифта и размер картинки

Vastriet

Re: Размер шрифта и размер картинки

VIK4

Re: Размер шрифта и размер картинки

VIK4

Re: Размер шрифта и размер картинки

Vastriet

Re: Размер шрифта и размер картинки

VIK4

Re: Размер шрифта и размер картинки

Похожие темы