Как поменять лого в DLE11

[Rolixvip 0]

Бьюсь уже который день с логотипом DLE11, а точнее не могу сменить на свой. Дизайн "Default"

Сам код логотипа вот:

span class="logo_icon"><svg class="icon icon-logo"><use xlink:href="#icon-logo"></use></svg></span>

Сам файл логотипа находится : /templates/Default/images/sprite.svg

Меняю на другой файл SVG отображается не корректно, редактировать sprite.svg пробовал, редактированию не поддается (открывается или пустой файл или вообще не может открыться).

Подскажите или чем редактировать или как заменить а то я уже замаялся, гуглопоиск ничего не дал.

[germanydletest 455]

Читаем статью, затем открываем файл 

/templates/Default/images/sprite.svg

с помощью текстового редактора, находим в нём

<symbol id="icon-logo" viewBox="0 0 1024 1024">
<title>logo</title>
<path class="path1" d="M409.6 602.21l4.876 4.876c26.819 26.819 60.952 39.010 95.086 39.010s70.705-12.19 95.086-39.010c26.819-26.819 39.010-60.952 39.010-95.086s-12.19-68.267-39.010-95.086v0 0 0c-26.819-26.819-60.952-39.010-95.086-39.010s-70.705 12.19-95.086 39.010c-26.819 26.819-39.010 60.952-39.010 95.086 0 31.695 12.19 65.829 34.133 90.21zM126.781 319.39l168.229 168.229c4.876-46.324 26.819-92.648 63.39-129.219 41.448-41.448 97.524-63.39 153.6-63.39s112.152 21.943 153.6 63.39v0 0l263.314 263.314c9.752-36.571 14.629-73.143 14.629-109.714 0-109.714-41.448-219.429-126.781-304.762-85.333-82.895-195.048-126.781-304.762-126.781s-219.429 41.448-304.762 126.781c-34.133 34.133-60.952 70.705-80.457 112.152zM358.4 665.6l-263.314-263.314c-9.752 36.571-14.629 73.143-14.629 109.714 0 109.714 41.448 219.429 126.781 304.762s195.048 126.781 304.762 126.781c109.714 0 219.429-41.448 304.762-126.781 34.133-34.133 60.952-70.705 80.457-112.152l-168.229-168.229c-4.876 46.324-26.819 92.648-63.39 129.219-41.448 41.448-97.524 63.39-153.6 63.39s-112.152-21.943-153.6-63.39v0zM872.838 151.162c99.962 99.962 151.162 229.181 151.162 360.838s-51.2 260.876-151.162 360.838-229.181 151.162-360.838 151.162c-131.657 0-260.876-51.2-360.838-151.162s-151.162-229.181-151.162-360.838c0-131.657 51.2-260.876 151.162-360.838s229.181-151.162 360.838-151.162c131.657 0 260.876 51.2 360.838 151.162z"></path>
</symbol>

и меняем значение path на своё

[wolcha 0]

germanydletest

 

У меня такой же вопрос как у автора темы. Я с помощью редактора создала рисунок .svg и просто пытаюсь его перезалить в папку шаблона дефолтного (  / templates / Default / images ), изображение меняется, но устанавливается слева, а не там где исходное. Как это можно исправить? делаю размер 70*70. Дело в размере? Если да то как узнать размер исходного .svg?

[germanydletest 455]

32 минуты назад, wolcha сказал:

germanydletest

 

У меня такой же вопрос как у автора темы. Я с помощью редактора создала рисунок .svg и просто пытаюсь его перезалить в папку шаблона дефолтного (  / templates / Default / images ), изображение меняется, но устанавливается слева, а не там где исходное. Как это можно исправить? делаю размер 70*70. Дело в размере? Если да то как узнать размер исходного .svg?

размеры логотипа прописаны в 

/templates/Default/css/styles.css

строка 140

.icon-logo { width: 42px; height: 42px; }

 

[wolcha 0]

Только что, germanydletest сказал:

размеры логотипа прописаны в 

/templates/Default/css/styles.css

строка 140

.icon-logo { width: 42px; height: 42px; }

 

К сожалению вот такая картина

[germanydletest 455]

как вы вставляете его в шаблон?

[wolcha 0]

Только что, germanydletest сказал:

как вы вставляете его в шаблон?

Я беру картинку png, в фотошопе меняю размер на 42*42, затем конвертирую её в формат .svg и перезаливаю в  / templates / Default / images

[germanydletest 455]

5 минут назад, wolcha сказал:

Я беру картинку png, в фотошопе меняю размер на 42*42, затем конвертирую её в формат .svg и перезаливаю в  / templates / Default / images

т.е. вы заменяете файл 

/templates/Default/images/sprite.svg

я правильно понял?

[wolcha 0]

Только что, germanydletest сказал:

т.е. вы заменяете файл 

/templates/Default/images/sprite.svg

я правильно понял?

да, так и есть, не верно делаю?

[germanydletest 455]

нет, не верно, так как в данном файле не только логотип, но и различные иконки

[wolcha 0]

Только что, germanydletest сказал:

нет, не верно, так как в данном файле не только логотип, но и различные иконки

Не подскажите хотя бы направление как действовать? С файлами .svg совсем не знакома.

[germanydletest 455]

4 минуты назад, wolcha сказал:

Не подскажите хотя бы направление как действовать? С файлами .svg совсем не знакома.

выше же писал, открываете данный файл с помощью текстового редактора (notepad++ / sublime text и/или им подобным), находите там

<symbol id="icon-logo" viewBox="0 0 1024 1024">
<title>logo</title>
<path class="path1" d="M409.6 602.21l4.876 4.876c26.819 26.819 60.952 39.010 95.086 39.010s70.705-12.19 95.086-39.010c26.819-26.819 39.010-60.952 39.010-95.086s-12.19-68.267-39.010-95.086v0 0 0c-26.819-26.819-60.952-39.010-95.086-39.010s-70.705 12.19-95.086 39.010c-26.819 26.819-39.010 60.952-39.010 95.086 0 31.695 12.19 65.829 34.133 90.21zM126.781 319.39l168.229 168.229c4.876-46.324 26.819-92.648 63.39-129.219 41.448-41.448 97.524-63.39 153.6-63.39s112.152 21.943 153.6 63.39v0 0l263.314 263.314c9.752-36.571 14.629-73.143 14.629-109.714 0-109.714-41.448-219.429-126.781-304.762-85.333-82.895-195.048-126.781-304.762-126.781s-219.429 41.448-304.762 126.781c-34.133 34.133-60.952 70.705-80.457 112.152zM358.4 665.6l-263.314-263.314c-9.752 36.571-14.629 73.143-14.629 109.714 0 109.714 41.448 219.429 126.781 304.762s195.048 126.781 304.762 126.781c109.714 0 219.429-41.448 304.762-126.781 34.133-34.133 60.952-70.705 80.457-112.152l-168.229-168.229c-4.876 46.324-26.819 92.648-63.39 129.219-41.448 41.448-97.524 63.39-153.6 63.39s-112.152-21.943-153.6-63.39v0zM872.838 151.162c99.962 99.962 151.162 229.181 151.162 360.838s-51.2 260.876-151.162 360.838-229.181 151.162-360.838 151.162c-131.657 0-260.876-51.2-360.838-151.162s-151.162-229.181-151.162-360.838c0-131.657 51.2-260.876 151.162-360.838s229.181-151.162 360.838-151.162c131.657 0 260.876 51.2 360.838 151.162z"></path>
</symbol>

данный код и в нём меняете значение тега path на своё

[wolcha 0]

Цитата

<svg width="42" height="42" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
 <!-- Created with ImageBot - http://www.imagebot.com/ -->
 <g id="imagebot_1">
  <title>Layer 1</title>
  <image height="42" width="42" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAAqCAMAAADyHTlpAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDE0IDc5LjE1Njc5NywgMjAxNC8wOC8yMC0wOTo1MzowMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjJERkREMkU4NEU2QjExRTY5NDJFRkQyREJEN0JBRDEzIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjJERkREMkU5NEU2QjExRTY5NDJFRkQyREJEN0JBRDEzIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MkRGREQyRTY0RTZCMTFFNjk0MkVGRDJEQkQ3QkFEMTMiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MkRGREQyRTc0RTZCMTFFNjk0MkVGRDJEQkQ3QkFEMTMiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5czV+YAAADAFBMVEUAh0QAS4YAXKmU1v8ASXxEtdfT98sAi6sAlmEAit2i2v0AtJGX15Jt6DcAnT4e2AB66kcAYq3k/dZE2Q7b/MiT7G8AzAA44wCe73+o6akAo5QAtNCv9IYE3AAA1gAQo+or3wC76el2pbhNvv8AqSIAUIokcJvG9bEzx3QAqlYAwp+BxJAAl4eq6NIAcswu5wAAsnIAiP4AtR4A0gACt0Ndw/8AbsV4yv8AgtsAftXS+b0+u/8Ads4VtK2S2e6xx9sA4gC786Anr/YAnOUAktzq8/sAdb7K7+wAa8DJ6v/B9Komtv8Aq6iv8pJSz3Ol8nzO8ti369ZWiKr+///i+OcApfUA3gAA0gAAr/8AnO+m2cid2Lut77y08Ze95f4A4AAAXKBBtfj1/fIurPFrx/+q4u0AU4aL5nYAjuQAaKvM9rgA3gAAeGQAYWmL62MNs/8AZbUAQYQAg3KF61cAluUAVni99aWZ73MA1ACm74kAmeAAjtns++cAwSAAmSY3yUAAh9EAyDUAVJPI8bxH00nG+Z/2+/8AS5oAdawAq/ry9/gAabvB8bFN6wAAm88AlcAAfcgAeO8Al+0AP3YAyAAAleWA4Vm19ZkA2QAA2gBf5CcAQ3mS8mKR71sAcFMAPHOB6VhWzqWDz/8AUqUAhbxr32kAf6vv8/ZryfwAd5sAV5n4+/6qwtWE42EAl+QAidwy0z0Ac4wAbLT4/fYAkuiu75An1wAAUpfn7vMAzhP7/vsATXj4+frH+bAAVWJWwf8ARYCJ5maguc0AXowAeoUAPYcAovwAaWWt8Kq876i5+ZUAR20AYpvK+bksuf/F96wA0QA7uf1OufsAn/EPnPMAwgCN6H+B4oxPlY8AjNYAmdo2voK58sBN3xcAxAAArti02e614P4AwAAAR4gAltEA2ACX3d8AbNZbw+QAqfIAecMAa3YAcd8AdX8AVJ0AW8S39JBfsub4/fgAmu8AP3EAnOoA0ABQwMkVtfc2s/kAg+Rz0OHP/KMAoe0AqP////+25O0vAAABAHRSTlP///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////8AU/cHJQAABRJJREFUeNp01XtYU3UYB/CzSzBGiDBgiGwwxpgYF+VhiNu4X+WiyNwz1ERUksFRZIhzCAiCxFVL0LhMJJ0wBLwxRRnipohaKSbmU0aUWphWij4khkT0+52xR1b6/nd2Ps/3fX/n2XkPMmVQgjDy458O3Hv9OuvF/XKB4T1k5sXH5H8OxJyaN3fuZJX49QKaWaXqHVS1aOH3879dfd3efoI5sG6Dg9+pQFq26i1UkLbrwOGzUe4tq57H2k8MrBvf8M2OwT0orUjwX6q+JGqaUyytlBL8pTVzWjQDj1NehYT67Xasu6Q2pKohunUUm130UdpyQlTxo2SOZuDVeyE7cmKMKeiQaiZVmdOy2ew0LoPBZRCW//0oOZkzML7BYccv80yNO1HK+jdUPf9rILlxjIiIiAdkwnL/RckcJjhYSM4nZvne1DqKWk8Ftxdsj2KnxSUmrrCMSCQTCEcwGuwQElpgutvbkVZ3XDBNH5xsCpKyuYzEJStyLePI5Jn003C3Tho6XKSjbQtN7YOi0rhGEUtWWFpaMQhHANVgAwDaYXHaPO8hqsLoopMpz4Oi2FwjowggrazIMFTDg8fKAakWV7pm4Xa+D2nbvphlZ9dIwfmN4qysjIwY7kfAA2DeDn4yGZpT8FsHnuSZh+vuLgeUvO/wsuw1IDbtJhdogv9Nfw6HyRsPdngJR+3AJ3Whm7y+Wj2FqE/cS7HNPgttz01Q7v4tLUBGJzyZPJFTEF5hgVdkes0KdM4XIGF/xDRY22bH1gRJb93q6fnBvYWjYfL6tzwRvgw14UdmWCS1lmxCa+tEucj9X+c1WG8Hdk2NVFr8IYej0fB40VvKhC+zTPg+FXpKH6tEXngs3ZpubQtsbM2X1yeYTB6vH8rJLDHfxwf0Tyos2RRYSxcdR3I8ls7+PB3k2trbx0708/oBTCgT3skSL/bQhRZKQKpMREHCPQbNMLvddlk2Lzp6C4TCUSg9ImFoK0syC1IZUhE5aAYthv9KSCgrE15dWXVG7AslFgpoIF0mGkMyIu3q64Hd2nDw4KurQuHVOxCa+PIxCSZl4STOOtqRYXwK2tlN6U2jK1eOVmFwMTwSlCCUCFJlsjERchTfnE8Zqh+M2bt3adYZsVhsAiA4EczE2uOIEgQFoZ2IkyLDlUodOrrY19fP1MTXFzg+30DqqM1nSIACfyzPsbOZz+cb2wEFHYTT3VlEjIpENl8gYeeS8FdQ1G2ktNltgV04YJEYfCOJ2mugv00uInB5lqQgeXal7nIbqbBzy28u7ZiGeglindci3mpkqv3nwlaFq6c5lTRicSy1NBUUgCASm1NHN++8OAf8X8txrMLCZ09JXZ2uN/CgFPgbMBFE6iUYoe9QLnxhnOQsVuG5khsk6mmFItP1SmZmiSEE9ecH2LtVTiTiWECXZHo/JVGp1D2UTBzOABK1m9frXu6ARnDFwrFwv5O8qVjleV+TaGfQxlX6lRFfjf2A0/ZtM3eE5enpRdym1ep19Xf6lTHV1ivXN6JN1/79+728NuusvPfCm/Wm3Cg3pLU0tBZdi0gwuVE5c2kqe3UzaJ0Da7Gi02Wos657r9JwFV+Ib8RotzOK0kHJZLLha7B/Y3z5/xZ8uxYGa7XIwzqZTCQSDd/tBpHydvVbPhvlTvJqMLKEiIhg3T0kaZQ7Kd/xMVJedgFa3ocMj439eLHP5bLynd8tsL/Pt8e7bCTurKU4BZxXG977V4ABAI+tRgK/+Hy7AAAAAElFTkSuQmCC" id="imagebot_2"/>
 </g>
</svg>

У меня сконвертированный .svg имеет вот такое содержимое, если его открыть через notepad. Что здесь значение тега path?

[Captain 624]

13 минуты назад, wolcha сказал:

Что здесь значение тега path?

Ничего, код закодированный. Можно не заморачиваться с svg:

Код:

<!-- Логотип -->
	<a class="logotype" href="/">
		<span class="logo_icon"><svg class="icon icon-logo"><use xlink:href="#icon-logo"></use></svg></span>
		<span class="logo_title">DataLife Engine</span>
	</a>
<!-- / Логотип -->

Заменить на:

<!-- Логотип -->
	<a class="logotype" href="/">
		<span class="logo_icon"><img src="{THEME}/images/logo.png" width="42" height="42" alt="" /></span>
		<span class="logo_title">Привет</span>
	</a>
<!-- / Логотип -->

[germanydletest 455]

7 минут назад, Captain сказал:

Заменить на:

Только для нормального поведения логотипа на сайте, картинке нужно задать два класса

<!-- Логотип -->
	<a class="logotype" href="/">
		<span class="logo_icon"><img src="{THEME}/images/logo.png" class="icon icon-logo" width="42" height="42" alt="logo" /></span>
		<span class="logo_title">Привет</span>
	</a>
<!-- / Логотип -->

 

[wolcha 0]

Не получилось, вставила код и вот итог

 

Шаблон настроен для сайта Green , но он имеет вот такую проблему при просомтре в браузере сафари. Причем имеется такая проблема и при просмотре демки DLE. Шаблоны тестирую, не знаю на каком остановиться, на этом или дефолтном. Может быть посоветуете по опыту? Какой имеет меньше проблем разных?

 

Изменено 20 июля 2016 пользователем wolcha

[Captain 624]

В шаблоне Green немного по другому:

<!-- Логотип -->
	<a class="logotype" href="/" title="Привет">
	    <img src="{THEME}/images/logo.png" class="icon icon-logo" alt="logo" />
	</a>
<!-- / Логотип -->

Изменено 20 июля 2016 пользователем Captain

[germanydletest 455]

16 минут назад, wolcha сказал:

Не получилось, вставила код и вот итог

В шаблоне Green немного другой код

<a class="logotype" href="/" title="Немецкая овчарка и все собаки мира">
	<img src="{THEME}/images/logo.png" class="icon icon-logo" alt="logo">
</a>

 

[wolcha 0]

Все работает отлично!!! Проверила в нескольких браузерах! Спасибо Вам большое!

germanydletest

Captain

Очень благодарна Вам за терпение и помощь!

А по вопросам шаблонов - это отдельная тема (могу создать) или вопрос для консультации в личном порядке?

[germanydletest 455]

4 минуты назад, wolcha сказал:

 

А по вопросам шаблонов - это отдельная тема (могу создать) или вопрос для консультации в личном порядке?

если есть баги в шаблонах, то вперёд в раздел приём багов, создавайте тему, если же просто вопросы по шаблонам (где, что, как), то можете в этой ветке создать тему