MajorDoMo

Обсуждение проекта
https://mjdm.ru/forum/

Галерея домашних страниц

https://mjdm.ru/forum/viewtopic.php?t=671

Страница 47 из 48

Re: Галерея домашних страниц

Добавлено: Вт фев 25, 2020 5:04 pm
vitosmaxim80sad145
freesh писал(а): Чт дек 05, 2019 8:59 pm Сцена (в разработке, если кто подкинет идей будет замечательно) Управление медиатекой на Kodi И Телевизором для просмотра фильмов
Выглядит может и криво ибо я полный ноль в php/html/css :)
SPOILERSPOILER_SHOW
2019-12-05 19_57_41-Window.png
кнопки собрать както вместе чтобы похоже было на пульт а так прикольно где можна скачять

Re: Галлерея домашних страниц

Добавлено: Вт фев 25, 2020 6:57 pm
Jilber
vitosmaxim80sad145 писал(а): Вт фев 25, 2020 4:56 pmнет такой сборки чтобы работала сейчас или что поменять в етой чтобы все заработало
А что конкретно не работает ? Сейчас запустил эту сборку - вроде нормально.
SPOILERSPOILER_SHOW
Majordomo.jpg
Majordomo.jpg (1.1 МБ) 6514 просмотров

Re: Галлерея домашних страниц

Добавлено: Вт фев 25, 2020 11:59 pm
vitosmaxim80sad145
Jilber писал(а): Вт фев 25, 2020 6:57 pm
vitosmaxim80sad145 писал(а): Вт фев 25, 2020 4:56 pmнет такой сборки чтобы работала сейчас или что поменять в етой чтобы все заработало
А что конкретно не работает ? Сейчас запустил эту сборку - вроде нормально.
SPOILERSPOILER_SHOW
Majordomo.jpg
Если ее обновить то на главной половина ,да почти все кнопки или неработают или неактивны

Re: Галерея домашних страниц

Добавлено: Ср фев 26, 2020 12:07 am
Jilber
Имеются ввиду кнопки меню слева или кнопки наверху ("Алиса", "Погода") и т.д. ?

Re: Галерея домашних страниц

Добавлено: Пт мар 20, 2020 11:57 pm
adzam
Сцена погода.
006.png
006.png (186.96 КБ) 6260 просмотров
если кому интересен код, то выкладываю.
Соответственно вставить свои свойства обьектов, создать график свой и заменить названиеие и т.д.
SPOILERSPOILER_SHOW

Код: Выделить всё

<style>

 
 body { background: transparent;
 }
 </style>
<table width="100%" border="0" style="background:transparent; background-size: cover;position: fixed; overflow: hidden;">
    <tr>
        <td width="2%" valign="top" >
            <div onclick="location.href = '/page/17.html'" title="НАЗАД"  style="cursor: pointer;border-radius: 0.8em 0.8em 0.8em 0.8em;margin-left: auto;width: 60%;height: 70px;text-align: center;margin-right: auto;
                        background: linear-gradient(to top, rgba(31, 67, 162, 0.5) 0%, rgba(68, 126, 162, 0.5) 46%, rgba(137, 185, 247, 0.5) 100%); border: 2px solid #eaedf159;box-shadow: 0.2em 0.2em 1px 1px rgba(12,12,12,0.7);"> 
                      <img src="/templates_alt/icon/arrow.png"style="overflow: hidden;"></img>

			</div>
        </td>
        <td width="10%" valign="top" >
            <div style="border-radius: 0.8em 0.8em 0.8em 0.8em;margin-left: auto;height:70px;text-align: center; margin-right: auto;
                        background: linear-gradient(to top, rgba(31, 67, 162, 0.5) 0%, rgba(68, 126, 162, 0.5) 46%, rgba(137, 185, 247, 0.5) 100%);border: 2px solid #eaedf159;box-shadow: 0.2em 0.2em 1px 1px rgba(12,12,12,0.7);"> 
                      <span style="position: relative;top: 13px;text-align: center;cursor: default;overflow: hidden;font-family: Arial, Helvetica, sans-serif;
                        font-size: 33px;color: #F9FC43;text-shadow: 1px 1px 2px black, 0 0 2em green;"> Погода на ближайшее время [#ow_city_name#]  
                      </span>
			</div>
        </td>
        <td width="2%" valign="top" >
            <div style="border-radius: 0.8em 0.8em 0.8em 0.8em;margin-left: auto;width: 60%;height: 70px;text-align: center;margin-right: auto;
                        background: linear-gradient(to top, rgba(31, 67, 162, 0.5) 0%, rgba(68, 126, 162, 0.5) 46%, rgba(137, 185, 247, 0.5) 100%);
                        border: 2px solid #eaedf159;box-shadow: 0.2em 0.2em 1px 1px rgba(12,12,12,0.7);"> 
                      <span style="position: relative;top: 18px;cursor: default; overflow:hidden; font-family: Arial, Helvetica, sans-serif;
                                            font-size:23px;color:#F9FC43; text-shadow: 1px 1px 2px black, 0 0 2em green">   %ow_city.name%
                      </span>
			</div>
        </td>
         
     </tr>
     <tr>
        <td width="100%" valign="top" colspan=3>
           <div style="border-radius: 0.8em 0.8em 0.8em 0.8em; margin-left: 50px;height: 300px; margin:20px; width: 97%; text-align:center;margin-right: auto;
                    background: linear-gradient(to top, rgba(31, 67, 162, 0.3) 0%, rgba(68, 126, 162, 0.3) 46%, rgba(137, 185, 247, 0.3) 100%);border: 2px solid #eaedf159;
                     box-shadow: 0.2em 0.2em 1px 1px rgba(12,12,12,0.7);"> 
               <div style=" width: 16.6%;float: left;"> 
                  <div style="position: relative; overflow:hidden;top: 15px;cursor: default;height: 90%;width: 90%;border-radius: 1.4em 1.4em 1.4em 1.4em;
                        border: 1px solid #476098;background: linear-gradient(to top, rgba(20, 104, 156, 0.8) 0%, rgba(68, 126, 162, 0.8) 46%, rgba(70, 106, 187, 0.8) 100%);
                         box-shadow: 0.2em 0.2em 1px 1px rgba(12,12,12,0.7);margin: auto;">
                     <img src="/templates_alt/icon/openweather1/%ow_day0.image%.png" style="position: absolute;;left: 0px;"></img>
                       <div style="text-align: right;height: 50;font-size: 16px;right: 5px;;position: relative;">Погода на:<br /> %ow_day0.date%</div>
                         <div style="text-align: right;height: 50px;top: 45px;color: #000;font-size: 16px;position: relative;">
                           <span class="label label-warning">%ow_day0.temp_max%°C </span> 
                           <span class="label label-default">%ow_day0.temp_min%°C </span>
                         </div>
                         <ul class="list-unstyled" style="list-style: outside none none; position: relative;top: 18px;text-align: left;
                          font-size: 14px;">
                          <li>Ветер: %ow_day0.wind_direction_text% ,%ow_day0.wind_speed% м/с</li>
                          <li>Облачность: %ow_day0.clouds% %</li>
                           <li>Давление: %ow_day0.pressure_mmhg% мм рт.ст.</li>
                              <script language="javascript">
                             if(%ow_day0.humidity%==0){
                                document.write('<li style="display: none;"></li>');
                               }else{
                                document.write('<li>Влажность: %ow_day0.humidity% %</li>');}</script>
                               <script language="javascript">
                             if(%ow_day0.rain%==0){
                                document.write('<li style="display: none;"></li>');
                               }else{
                                document.write('<li>Дождь : %ow_day0.rain%mm</li>');}</script>
                              <script language="javascript">
                               if(%ow_day0.snow%==0){
                                document.write('<li style="display: none;"></li>');
                               }else{
                                document.write('<li>Снег : %ow_day0.snow%mm</li>');}</script>
                           <li>Восход/заход:%ow_day0.rise%/%ow_day0.set%</li>
                           <li>Долгота дня: %ow_day0.length%</li>
                          </ul>
				        </div>
                 </div>                     
               <div style=" width: 16.6%;float: left;"> 
                  <div style="position: relative; overflow:hidden;top: 15px;cursor: default;height: 90%;width: 90%;border-radius: 1.4em 1.4em 1.4em 1.4em;
                        border: 1px solid #476098;background: linear-gradient(to top, rgba(20, 104, 156, 0.8) 0%, rgba(68, 126, 162, 0.8) 46%, rgba(70, 106, 187, 0.8) 100%);
                         box-shadow: 0.2em 0.2em 1px 1px rgba(12,12,12,0.7);margin: auto;">
                  <img src="/templates_alt/icon/openweather1/%ow_day1.image%.png" style="position: absolute;;left: 0px;"></img>
                       <div style="text-align: right;height: 50;font-size: 16px;right: 5px;;position: relative;">Погода на:<br /> %ow_day1.date%</div>
                  <div style="text-align: right;height: 50px;top: 45px;color: #000;font-size: 16px;position: relative;">
                       <span class="label label-warning">%ow_day1.temp_max%°C </span> 
                       <span class="label label-default">%ow_day1.temp_min%°C </span>
                   </div>
                   <ul class="list-unstyled" style="list-style: outside none none; position: relative;top: 18px;text-align: left;
                          font-size: 14px;">
                          <li>Ветер: %ow_day1.wind_direction_text% ,%ow_day1.wind_speed% м/с</li>
                          <li>Облачность: %ow_day1.clouds% %</li>
                           <li>Давление: %ow_day1.pressure_mmhg% мм рт.ст.</li>
                           <script language="javascript">
                             if(%ow_day1.humidity%==0){
                                document.write('<li style="display: none;"></li>');
                               }else{
                                document.write('<li>Влажность: %ow_day1.humidity% %</li>');}</script>
                              <script language="javascript">
                             if(%ow_day1.rain%==0){
                                document.write('<li style="display: none;"></li>');
                               }else{
                                document.write('<li>Дождь : %ow_day1.rain%mm</li>');}</script>
                              <script language="javascript">
                               if(%ow_day1.snow%==0){
                                document.write('<li style="display: none;"></li>');
                               }else{
                                document.write('<li>Снег : %ow_day1.snow%mm</li>');}</script>
                           <li>Восход/заход: %ow_day1.rise%/%ow_day1.set%</li>
                           <li>Долгота дня: %ow_day1.length%</li>
                         </ul>
				 </div>
                 </div>   
                 <div style=" width: 16.6%;float: left;"> 
                  <div style="position: relative; overflow:hidden;top: 15px;cursor: default;height: 90%;width: 90%;border-radius: 1.4em 1.4em 1.4em 1.4em;
                        border: 1px solid #476098;background: linear-gradient(to top, rgba(20, 104, 156, 0.8) 0%, rgba(68, 126, 162, 0.8) 46%, rgba(70, 106, 187, 0.8) 100%);
                         box-shadow: 0.2em 0.2em 1px 1px rgba(12,12,12,0.7);margin: auto;">
                  <img src="/templates_alt/icon/openweather1/%ow_day2.image%.png" style="position: absolute;;left: 0px;"></img>
                       <div style="text-align: right;height: 50;font-size: 16px;right: 5px;;position: relative;">Погода на:<br /> %ow_day2.date%</div>
                  <div style="text-align: right;height: 50px;top: 45px;color: #000;font-size: 16px;position: relative;">
                       <span class="label label-warning">%ow_day2.temp_max%°C </span> 
                       <span class="label label-default">%ow_day2.temp_min%°C </span>
                   </div>
                   <ul class="list-unstyled" style="list-style: outside none none; position: relative;top: 18px;text-align: left;
                          font-size: 14px;">
                          <li>Ветер: %ow_day2.wind_direction_text% ,%ow_day2.wind_speed% м/с</li>
                          <li>Облачность: %ow_day2.clouds% %</li>
                           <li>Давление: %ow_day2.pressure_mmhg% мм рт.ст.</li>
                           <script language="javascript">
                             if(%ow_day2.humidity%==0){
                                document.write('<li style="display: none;"></li>');
                               }else{
                                document.write('<li>Влажность: %ow_day2.humidity% %</li>');}</script>
                           <script language="javascript">
                             if(%ow_day2.rain%==0){
                                document.write('<li style="display: none;"></li>');
                               }else{
                                document.write('<li>Дождь : %ow_day2.rain%mm</li>');}</script>
                              <script language="javascript">
                               if(%ow_day2.snow%==0){
                                document.write('<li style="display: none;"></li>');
                               }else{
                                document.write('<li>Снег : %ow_day2.snow%mm</li>');}</script>
                           <li>Восход/заход: %ow_day2.rise%/%ow_day2.set%</li>
                           <li>Долгота дня: %ow_day2.length%</li>
                         </ul>
				 </div>
                 </div>   
                  <div style=" width: 16.6%;float: left;"> 
                  <div style="position: relative; overflow:hidden;top: 15px;cursor: default;height: 90%;width: 90%;border-radius: 1.4em 1.4em 1.4em 1.4em;
                        border: 1px solid #476098;background: linear-gradient(to top, rgba(20, 104, 156, 0.8) 0%, rgba(68, 126, 162, 0.8) 46%, rgba(70, 106, 187, 0.8) 100%);
                         box-shadow: 0.2em 0.2em 1px 1px rgba(12,12,12,0.7);margin: auto;">
                  <img src="/templates_alt/icon/openweather1/%ow_day3.image%.png" style="position: absolute;;left: 0px;"></img>
                       <div style="text-align: right;height: 50;font-size: 16px;right: 5px;;position: relative;">Погода на:<br /> %ow_day3.date%</div>
                  <div style="text-align: right;height: 50px;top: 45px;color: #000;font-size: 16px;position: relative;">
                       <span class="label label-warning">%ow_day3.temp_max%°C </span> 
                       <span class="label label-default">%ow_day3.temp_min%°C </span>
                   </div>
                   <ul class="list-unstyled" style="list-style: outside none none; position: relative;top: 18px;text-align: left;
                          font-size: 14px;">
                          <li>Ветер: %ow_day3.wind_direction_text% ,%ow_day3.wind_speed% м/с</li>
                          <li>Облачность: %ow_day3.clouds% %</li>
                           <li>Давление: %ow_day3.pressure_mmhg% мм рт.ст.</li>
                           <script language="javascript">
                             if(%ow_day3.humidity%==0){
                                document.write('<li style="display: none;"></li>');
                               }else{
                                document.write('<li>Влажность: %ow_day3.humidity% %</li>');}</script>
                          <script language="javascript">
                             if(%ow_day3.rain%==0){
                                document.write('<li style="display: none;"></li>');
                               }else{
                                document.write('<li>Дождь : %ow_day3.rain%mm</li>');}</script>
                              <script language="javascript">
                               if(%ow_day3.snow%==0){
                                document.write('<li style="display: none;"></li>');
                               }else{
                                document.write('<li>Снег : %ow_day3.snow%mm</li>');}</script>
                           <li>Восход/заход: %ow_day3.rise%/%ow_day3.set%</li>
                           <li>Долгота дня: %ow_day3.length%</li>
                         </ul>
				 </div>
                 </div>   
                 <div style=" width: 16.6%;float: left;"> 
                  <div style="position: relative; overflow:hidden;top: 15px;cursor: default;height: 90%;width: 90%;border-radius: 1.4em 1.4em 1.4em 1.4em;
                        border: 1px solid #476098;background: linear-gradient(to top, rgba(20, 104, 156, 0.8) 0%, rgba(68, 126, 162, 0.8) 46%, rgba(70, 106, 187, 0.8) 100%);
                         box-shadow: 0.2em 0.2em 1px 1px rgba(12,12,12,0.7);margin: auto;">
                  <img src="/templates_alt/icon/openweather1/%ow_day4.image%.png" style="position: absolute;;left: 0px;"></img>
                       <div style="text-align: right;height: 50;font-size: 16px;right: 5px;;position: relative;">Погода на:<br /> %ow_day4.date%</div>
                  <div style="text-align: right;height: 50px;top: 45px;color: #000;font-size: 16px;position: relative;">
                       <span class="label label-warning">%ow_day4.temp_max%°C </span> 
                       <span class="label label-default">%ow_day4.temp_min%°C </span>
                   </div>
                   <ul class="list-unstyled" style="list-style: outside none none; position: relative;top: 18px;text-align: left;
                          font-size: 14px;">
                          <li>Ветер: %ow_day4.wind_direction_text% ,%ow_day4.wind_speed% м/с</li>
                          <li>Облачность: %ow_day4.clouds% %</li>
                           <li>Давление: %ow_day4.pressure_mmhg% мм рт.ст.</li>
                           <script language="javascript">
                             if(%ow_day4.humidity%==0){
                                document.write('<li style="display: none;"></li>');
                               }else{
                                document.write('<li>Влажность: %ow_day4.humidity% %</li>');}</script>
                           <script language="javascript">
                             if(%ow_day4.rain%==0){
                                document.write('<li style="display: none;"></li>');
                               }else{
                                document.write('<li>Дождь : %ow_day4.rain%mm</li>');}</script>
                              <script language="javascript">
                               if(%ow_day4.snow%==0){
                                document.write('<li style="display: none;"></li>');
                               }else{
                                document.write('<li>Снег : %ow_day4.snow%mm</li>');}</script>
                           <li>Восход/заход: %ow_day4.rise%/%ow_day4.set%</li>
                           <li>Долгота дня: %ow_day4.length%</li>
                         </ul>
				 </div>
                 </div>   
                  <div style=" width: 16.6%;float: left;"> 
                  <div style="position: relative; overflow:hidden;top: 15px;cursor: default;height: 90%;width: 90%;border-radius: 1.4em 1.4em 1.4em 1.4em;
                        border: 1px solid #476098;background: linear-gradient(to top, rgba(20, 104, 156, 0.8) 0%, rgba(68, 126, 162, 0.8) 46%, rgba(70, 106, 187, 0.8) 100%);
                         box-shadow: 0.2em 0.2em 1px 1px rgba(12,12,12,0.7);margin: auto;">
                  <img src="/templates_alt/icon/openweather1/%ow_day5.image%.png" style="position: absolute;;left: 0px;"></img>
                       <div style="text-align: right;height: 50;font-size: 16px;right: 5px;;position: relative;">Погода на:<br /> %ow_day5.date%</div>
                  <div style="text-align: right;height: 50px;top: 45px;color: #000;font-size: 16px;position: relative;">
                       <span class="label label-warning">%ow_day5.temp_max%°C </span> 
                       <span class="label label-default">%ow_day5.temp_min%°C </span>
                   </div>
                   <ul class="list-unstyled" style="list-style: outside none none; position: relative;top: 18px;text-align: left;
                          font-size: 14px;">
                          <li>Ветер: %ow_day5.wind_direction_text% ,%ow_day5.wind_speed% м/с</li>
                          <li>Облачность: %ow_day5.clouds% %</li>
                           <li>Давление: %ow_day5.pressure_mmhg% мм рт.ст.</li>
                           <script language="javascript">
                             if(%ow_day5.humidity%==0){
                                document.write('<li style="display: none;"></li>');
                               }else{
                                document.write('<li>Влажность: %ow_day5.humidity% %</li>');}</script>
                           <script language="javascript">
                             if(%ow_day5.rain%==0){
                                document.write('<li style="display: none;"></li>');
                               }else{
                                document.write('<li>Дождь : %ow_day5.rain%mm</li>');}</script>
                              <script language="javascript">
                               if(%ow_day5.snow%==0){
                                document.write('<li style="display: none;"></li>');
                               }else{
                                document.write('<li>Снег : %ow_day5.snow%mm</li>');}</script>
                           <li>Восход/заход: %ow_day5.rise%/%ow_day5.set%</li>
                           <li>Долгота дня: %ow_day5.length%</li>
                         </ul>
				 </div>
                 </div>   
			</div>
         </td>
     </tr>
     <tr>
        <td width="100%" valign="top" colspan=3>
           <div style="top: -30px;position: relative;border-radius: 0.8em 0.8em 0.8em 0.8em; margin-left: 50px;height: 300px; margin:20px; width: 97%; text-align:center;margin-right: auto;
                    background: linear-gradient(to top, rgba(31, 67, 162, 0.8) 0%, rgba(68, 126, 162, 0.8) 46%, rgba(137, 185, 247, 0.8) 100%);border: 2px solid #eaedf159;
                     box-shadow: 0.2em 0.2em 1px 1px rgba(12,12,12,0.7);"> 
                       
                       [#module name="charts" id="2"#]
			</div>
         </td>
     </tr>
</table>

Re: Галерея домашних страниц

Добавлено: Пн мар 23, 2020 10:44 pm
adzam
Кнопки в панели полупрозрачные.
005.png
005.png (298.32 КБ) 6155 просмотров

Все редактирование делается в файле Menu.html
Выставляю свой файл Menu.html его нужно вставить в папку templates_alt и все,перезагрузиться и все должно пойти.
menu.rar
(2.95 КБ) 357 скачиваний

Re: Галерея домашних страниц

Добавлено: Сб мар 28, 2020 8:05 pm
vitosmaxim80sad145
adzam писал(а): Пн мар 23, 2020 10:44 pm Кнопки в панели полупрозрачные.

005.png


Все редактирование делается в файле Menu.html
Выставляю свой файл Menu.html его нужно вставить в папку templates_alt и все,перезагрузиться и все должно пойти.

а как вы зделали фон на всю страницу и шапку ?

Re: Галерея домашних страниц

Добавлено: Сб мар 28, 2020 10:38 pm
adzam
А это уже делается в файле default.html

Re: Галерея домашних страниц

Добавлено: Сб мар 28, 2020 11:49 pm
vitosmaxim80sad145
adzam писал(а): Сб мар 28, 2020 10:38 pm А это уже делается в файле default.html
А как неподскажете

Re: Галерея домашних страниц

Добавлено: Вс мар 29, 2020 3:17 pm
vitosmaxim80sad145
а здесь неподскажете как сделать чтобы менюшки открывались тоже голубым
Часовой пояс: UTC+03:00
Страница 47 из 48

Создано на основе phpBB® Forum Software © phpBB Limited

Русская поддержка phpBB