hlmod.hu
https://hlmod.hu/

Advanced Ban web felület
https://hlmod.hu/viewtopic.php?f=34&t=24653
Oldal: 2 / 2

Szerző:  theglorious [ 2016.05.13. 17:45 ]
Hozzászólás témája:  Re: Advanced Ban web felület

*GrafitY* írta:
Valaki nem tudná ezt kék árnyalatu témává alakítani zöld helyett?

Nem tudod, mit akarsz kék színűre, de pár dolgot átszíneztem. Amit szerkesztened kell az a style.css és az index.php, többit nem néztem.
rgb szín generátor: http://drpeterjones.com/colorcalc/
  1. *{
  2.     font-family: Arial;
  3.     font-size: 13px;
  4.     color: #fff;
  5. }
  6. a{
  7.     text-decoration: none;
  8. }
  9. body{
  10.     background-color: #000;
  11. }
  12. .site{
  13.     margin-left: auto;
  14.     margin-right: auto;
  15.     width: 1200px;
  16.     min-height: 400px;
  17.     margin-top: 50px;
  18.     -webkit-border-radius: 15px;
  19.     -moz-border-radius: 15px;
  20.     border-radius: 15px;
  21.     background-color: #151616;
  22.     border: 1px solid rgba(0,0,139,.2);
  23. }
  24. .header{
  25.     height: 200px;
  26.     padding: 0 50px 0 50px;
  27.     background-image: url(images/header.png);
  28.     background-repeat: no-repeat;
  29.     background-position: center top;
  30. }
  31. #usernamebox{
  32.     background-image: url("images/username.png");
  33.     border: 1px solid rgba(0,0,139,.2);
  34.     -webkit-box-shadow: inset 0px 0px 7px 0px rgba(0,0,139,0.3);
  35.     -moz-box-shadow: inset 0px 0px 7px 0px rgba(0,0,139,0.3);
  36.     box-shadow: inset 0px 0px 7px 0px rgba(0,0,139,0.3);
  37.     color: #fff;
  38.     background-color: rgba(0,0,0,.0);
  39.     height: 16px;
  40.     width: 100px;
  41. }
  42.  
  43. #passwordbox{
  44.     background-image: url("images/password.png");
  45.     border: 1px solid rgba(0,0,139,.2);
  46.     -webkit-box-shadow: inset 0px 0px 7px 0px rgba(0,0,139,0.3);
  47.     -moz-box-shadow: inset 0px 0px 7px 0px rgba(0,0,139,0.3);
  48.     box-shadow: inset 0px 0px 7px 0px rgba(0,0,139,0.3);
  49.     color: #fff;
  50.     background-color: rgba(0,0,0,.0);
  51.     height: 16px;
  52.     width: 100px;
  53. }
  54.  
  55. #usernamebox, #passwordbox {
  56.     padding: 2px 2px 2px 18px;
  57.     background-repeat: no-repeat;
  58.     background-position: left center;
  59. }
  60. .button{
  61.     background-color: rgba(0,0,0,0.0);
  62.     border: 1px solid rgba(0,0,139,.2);
  63.     border-radius: 3px;
  64.     -webkit-box-shadow: inset 0px 0px 7px 0px rgba(0,0,139,0.3);
  65.     -moz-box-shadow: inset 0px 0px 7px 0px rgba(0,0,139,0.3);
  66.     box-shadow: inset 0px 0px 7px 0px rgba(0,0,139,0.3);
  67.     color: rgb(255,255,255);
  68.     padding: 3px 10px 2px 10px;
  69. }
  70. .button:hover{
  71.     background-color: rgba(0,0,0,0.9);
  72.     border: 1px solid rgba(0,0,139,.2);
  73.     cursor:pointer;
  74.     color: rgb(255,255,255);
  75. }
  76. .menu{
  77.     background-image: -webkit-linear-gradient(top, rgba(0,0,0,0), rgba(255,255,255,0.1), rgba(0,0,0,0));
  78.     background-image: -moz-linear-gradient(top, rgba(0,0,0,0), rgba(255,255,255,0.1), rgba(0,0,0,0));
  79.     background-image: -ms-linear-gradient(top, rgba(0,0,0,0), rgba(255,255,255,0.1), rgba(0,0,0,0));
  80.     background-image: -o-linear-gradient(top, rgba(0,0,0,0), rgba(255,255,255,0.1), rgba(0,0,0,0));
  81.     margin: 8px 0 8px 0;
  82.     padding: 15px 50px 15px 50px;
  83. }
  84. .menu_link{
  85.     background-color: rgba(0,0,0,0.0);
  86.     border: 1px solid rgba(0,0,139,.2);
  87.     border-radius: 3px;
  88.     -webkit-box-shadow: inset 0px 0px 7px 0px rgba(0,0,139,0.3);
  89.     -moz-box-shadow: inset 0px 0px 7px 0px rgba(0,0,139,0.3);
  90.     box-shadow: inset 0px 0px 7px 0px rgba(0,0,139,0.3);
  91.     color: rgb(0,255,36);
  92.     padding: 5px 15px 5px 15px;
  93.     margin-right: 10px;
  94. }
  95. .menu_link:hover{
  96.     background-color: rgba(0,0,0,0.9);
  97.     border: 1px solid rgba(0,255,36,.2);
  98.     cursor:pointer;
  99.     color: rgb(255,255,255);
  100. }
  101. .ban_tr:hover{
  102.     background-color: rgba(0,0,0,0.9);
  103.     cursor:pointer;
  104. }
  105. .ban_tr2{
  106.     background-color: rgba(0,0,139,0.03);
  107.     cursor:pointer;
  108. }
  109. .ban_tr2:hover{
  110.     background-color: rgba(0,0,0,0.9);
  111.     cursor:pointer;
  112.     color: rgb(255,255,255);
  113. }
  114. .content{
  115.     padding: 15px 50px 15px 50px;
  116.     min-height: 300px;
  117. }
  118. .content_td{
  119.     border-top: 1px solid rgba(0,0,139,.1);
  120. }
  121. .cur{
  122.     text-transform: uppercase;
  123.     color: rgb(0,255,36);
  124.     font-size: 14px;
  125. }
  126. .footer{
  127.     text-align: center;
  128.     padding: 15px 0 24px 0;
  129.     font-size: 11px;
  130. }
  131. .hr{
  132.     width: 100%;
  133.     border: 0;
  134.     height: 3px;
  135.     background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,139,0.6), rgba(0,0,0,0));
  136.     background-image: -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,255,36,0.6), rgba(0,0,0,0));
  137.     background-image: -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,255,36,0.6), rgba(0,0,0,0));
  138.     background-image: -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,255,36,0.6), rgba(0,0,0,0));
  139.     border-top: 1px solid rgba(0,0,139,.2);
  140.     border-bottom: 1px solid rgba(0,0,139,.2);
  141. }

  1. <table width="100%" border="0" cellspacing="0" cellpadding="0" style="border: 1px solid rgba(0,0,139,.1);color: #fff;table-layout:fixed;">
  2.                     <tr style="background-color: rgba(0,0,139,0.1);">
  3.                         <td align='center' width='35' style="padding: 5px;border-right: 1px solid rgba(0,0,139,.1);">Sor</td>
  4.                         <td align='center' width='250' style="padding: 5px;border-right: 1px solid rgba(0,0,139,.1);">Név</td>
  5.                         <td align='center' width='80' style="border-right: 1px solid rgba(0,0,139,.1);">Ban Hossza</td>
  6.                         <td align='center' style="border-right: 1px solid rgba(0,0,139,.1);">Indok</td>

Kép

Szerző:  *GrafitY* [ 2016.05.13. 21:50 ]
Hozzászólás témája:  Re: Advanced Ban web felület

theglorious írta:
*GrafitY* írta:
Valaki nem tudná ezt kék árnyalatu témává alakítani zöld helyett?

Nem tudod, mit akarsz kék színűre, de pár dolgot átszíneztem. Amit szerkesztened kell az a style.css és az index.php, többit nem néztem.
rgb szín generátor: http://drpeterjones.com/colorcalc/
  1. *{
  2.     font-family: Arial;
  3.     font-size: 13px;
  4.     color: #fff;
  5. }
  6. a{
  7.     text-decoration: none;
  8. }
  9. body{
  10.     background-color: #000;
  11. }
  12. .site{
  13.     margin-left: auto;
  14.     margin-right: auto;
  15.     width: 1200px;
  16.     min-height: 400px;
  17.     margin-top: 50px;
  18.     -webkit-border-radius: 15px;
  19.     -moz-border-radius: 15px;
  20.     border-radius: 15px;
  21.     background-color: #151616;
  22.     border: 1px solid rgba(0,0,139,.2);
  23. }
  24. .header{
  25.     height: 200px;
  26.     padding: 0 50px 0 50px;
  27.     background-image: url(images/header.png);
  28.     background-repeat: no-repeat;
  29.     background-position: center top;
  30. }
  31. #usernamebox{
  32.     background-image: url("images/username.png");
  33.     border: 1px solid rgba(0,0,139,.2);
  34.     -webkit-box-shadow: inset 0px 0px 7px 0px rgba(0,0,139,0.3);
  35.     -moz-box-shadow: inset 0px 0px 7px 0px rgba(0,0,139,0.3);
  36.     box-shadow: inset 0px 0px 7px 0px rgba(0,0,139,0.3);
  37.     color: #fff;
  38.     background-color: rgba(0,0,0,.0);
  39.     height: 16px;
  40.     width: 100px;
  41. }
  42.  
  43. #passwordbox{
  44.     background-image: url("images/password.png");
  45.     border: 1px solid rgba(0,0,139,.2);
  46.     -webkit-box-shadow: inset 0px 0px 7px 0px rgba(0,0,139,0.3);
  47.     -moz-box-shadow: inset 0px 0px 7px 0px rgba(0,0,139,0.3);
  48.     box-shadow: inset 0px 0px 7px 0px rgba(0,0,139,0.3);
  49.     color: #fff;
  50.     background-color: rgba(0,0,0,.0);
  51.     height: 16px;
  52.     width: 100px;
  53. }
  54.  
  55. #usernamebox, #passwordbox {
  56.     padding: 2px 2px 2px 18px;
  57.     background-repeat: no-repeat;
  58.     background-position: left center;
  59. }
  60. .button{
  61.     background-color: rgba(0,0,0,0.0);
  62.     border: 1px solid rgba(0,0,139,.2);
  63.     border-radius: 3px;
  64.     -webkit-box-shadow: inset 0px 0px 7px 0px rgba(0,0,139,0.3);
  65.     -moz-box-shadow: inset 0px 0px 7px 0px rgba(0,0,139,0.3);
  66.     box-shadow: inset 0px 0px 7px 0px rgba(0,0,139,0.3);
  67.     color: rgb(255,255,255);
  68.     padding: 3px 10px 2px 10px;
  69. }
  70. .button:hover{
  71.     background-color: rgba(0,0,0,0.9);
  72.     border: 1px solid rgba(0,0,139,.2);
  73.     cursor:pointer;
  74.     color: rgb(255,255,255);
  75. }
  76. .menu{
  77.     background-image: -webkit-linear-gradient(top, rgba(0,0,0,0), rgba(255,255,255,0.1), rgba(0,0,0,0));
  78.     background-image: -moz-linear-gradient(top, rgba(0,0,0,0), rgba(255,255,255,0.1), rgba(0,0,0,0));
  79.     background-image: -ms-linear-gradient(top, rgba(0,0,0,0), rgba(255,255,255,0.1), rgba(0,0,0,0));
  80.     background-image: -o-linear-gradient(top, rgba(0,0,0,0), rgba(255,255,255,0.1), rgba(0,0,0,0));
  81.     margin: 8px 0 8px 0;
  82.     padding: 15px 50px 15px 50px;
  83. }
  84. .menu_link{
  85.     background-color: rgba(0,0,0,0.0);
  86.     border: 1px solid rgba(0,0,139,.2);
  87.     border-radius: 3px;
  88.     -webkit-box-shadow: inset 0px 0px 7px 0px rgba(0,0,139,0.3);
  89.     -moz-box-shadow: inset 0px 0px 7px 0px rgba(0,0,139,0.3);
  90.     box-shadow: inset 0px 0px 7px 0px rgba(0,0,139,0.3);
  91.     color: rgb(0,255,36);
  92.     padding: 5px 15px 5px 15px;
  93.     margin-right: 10px;
  94. }
  95. .menu_link:hover{
  96.     background-color: rgba(0,0,0,0.9);
  97.     border: 1px solid rgba(0,255,36,.2);
  98.     cursor:pointer;
  99.     color: rgb(255,255,255);
  100. }
  101. .ban_tr:hover{
  102.     background-color: rgba(0,0,0,0.9);
  103.     cursor:pointer;
  104. }
  105. .ban_tr2{
  106.     background-color: rgba(0,0,139,0.03);
  107.     cursor:pointer;
  108. }
  109. .ban_tr2:hover{
  110.     background-color: rgba(0,0,0,0.9);
  111.     cursor:pointer;
  112.     color: rgb(255,255,255);
  113. }
  114. .content{
  115.     padding: 15px 50px 15px 50px;
  116.     min-height: 300px;
  117. }
  118. .content_td{
  119.     border-top: 1px solid rgba(0,0,139,.1);
  120. }
  121. .cur{
  122.     text-transform: uppercase;
  123.     color: rgb(0,255,36);
  124.     font-size: 14px;
  125. }
  126. .footer{
  127.     text-align: center;
  128.     padding: 15px 0 24px 0;
  129.     font-size: 11px;
  130. }
  131. .hr{
  132.     width: 100%;
  133.     border: 0;
  134.     height: 3px;
  135.     background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,139,0.6), rgba(0,0,0,0));
  136.     background-image: -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,255,36,0.6), rgba(0,0,0,0));
  137.     background-image: -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,255,36,0.6), rgba(0,0,0,0));
  138.     background-image: -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,255,36,0.6), rgba(0,0,0,0));
  139.     border-top: 1px solid rgba(0,0,139,.2);
  140.     border-bottom: 1px solid rgba(0,0,139,.2);
  141. }

  1. <table width="100%" border="0" cellspacing="0" cellpadding="0" style="border: 1px solid rgba(0,0,139,.1);color: #fff;table-layout:fixed;">
  2.                     <tr style="background-color: rgba(0,0,139,0.1);">
  3.                         <td align='center' width='35' style="padding: 5px;border-right: 1px solid rgba(0,0,139,.1);">Sor</td>
  4.                         <td align='center' width='250' style="padding: 5px;border-right: 1px solid rgba(0,0,139,.1);">Név</td>
  5.                         <td align='center' width='80' style="border-right: 1px solid rgba(0,0,139,.1);">Ban Hossza</td>
  6.                         <td align='center' style="border-right: 1px solid rgba(0,0,139,.1);">Indok</td>

Kép


Mint ahogy látod zöld színű a téma, sokféle zöld árnyalattal. Ugyan így szeretném, csak kék színekkel, ahol világosabb, ott világosabb árnyalattal, ahol sötétebb, ott sötétebb árnyálattal, a gombok szélei is, a szöveg, stb.

Ha elmondod melyik fájlban tudom ezt megtenni, megpróbálom alkotni, szerkeszteni, és feltöltöm.

Am legyen példa az itteni hlmod.hu-s 2 téma, az egyik kék, a másik a barna színű árnyalatokkal való téma, ha így érted hogyan szeretném :)

Szerző:  theglorious [ 2016.05.13. 21:57 ]
Hozzászólás témája:  Re: Advanced Ban web felület

*GrafitY* írta:
theglorious írta:
*GrafitY* írta:
Valaki nem tudná ezt kék árnyalatu témává alakítani zöld helyett?

Nem tudod, mit akarsz kék színűre, de pár dolgot átszíneztem. Amit szerkesztened kell az a style.css és az index.php, többit nem néztem.
rgb szín generátor: http://drpeterjones.com/colorcalc/
  1. *{
  2.     font-family: Arial;
  3.     font-size: 13px;
  4.     color: #fff;
  5. }
  6. a{
  7.     text-decoration: none;
  8. }
  9. body{
  10.     background-color: #000;
  11. }
  12. .site{
  13.     margin-left: auto;
  14.     margin-right: auto;
  15.     width: 1200px;
  16.     min-height: 400px;
  17.     margin-top: 50px;
  18.     -webkit-border-radius: 15px;
  19.     -moz-border-radius: 15px;
  20.     border-radius: 15px;
  21.     background-color: #151616;
  22.     border: 1px solid rgba(0,0,139,.2);
  23. }
  24. .header{
  25.     height: 200px;
  26.     padding: 0 50px 0 50px;
  27.     background-image: url(images/header.png);
  28.     background-repeat: no-repeat;
  29.     background-position: center top;
  30. }
  31. #usernamebox{
  32.     background-image: url("images/username.png");
  33.     border: 1px solid rgba(0,0,139,.2);
  34.     -webkit-box-shadow: inset 0px 0px 7px 0px rgba(0,0,139,0.3);
  35.     -moz-box-shadow: inset 0px 0px 7px 0px rgba(0,0,139,0.3);
  36.     box-shadow: inset 0px 0px 7px 0px rgba(0,0,139,0.3);
  37.     color: #fff;
  38.     background-color: rgba(0,0,0,.0);
  39.     height: 16px;
  40.     width: 100px;
  41. }
  42.  
  43. #passwordbox{
  44.     background-image: url("images/password.png");
  45.     border: 1px solid rgba(0,0,139,.2);
  46.     -webkit-box-shadow: inset 0px 0px 7px 0px rgba(0,0,139,0.3);
  47.     -moz-box-shadow: inset 0px 0px 7px 0px rgba(0,0,139,0.3);
  48.     box-shadow: inset 0px 0px 7px 0px rgba(0,0,139,0.3);
  49.     color: #fff;
  50.     background-color: rgba(0,0,0,.0);
  51.     height: 16px;
  52.     width: 100px;
  53. }
  54.  
  55. #usernamebox, #passwordbox {
  56.     padding: 2px 2px 2px 18px;
  57.     background-repeat: no-repeat;
  58.     background-position: left center;
  59. }
  60. .button{
  61.     background-color: rgba(0,0,0,0.0);
  62.     border: 1px solid rgba(0,0,139,.2);
  63.     border-radius: 3px;
  64.     -webkit-box-shadow: inset 0px 0px 7px 0px rgba(0,0,139,0.3);
  65.     -moz-box-shadow: inset 0px 0px 7px 0px rgba(0,0,139,0.3);
  66.     box-shadow: inset 0px 0px 7px 0px rgba(0,0,139,0.3);
  67.     color: rgb(255,255,255);
  68.     padding: 3px 10px 2px 10px;
  69. }
  70. .button:hover{
  71.     background-color: rgba(0,0,0,0.9);
  72.     border: 1px solid rgba(0,0,139,.2);
  73.     cursor:pointer;
  74.     color: rgb(255,255,255);
  75. }
  76. .menu{
  77.     background-image: -webkit-linear-gradient(top, rgba(0,0,0,0), rgba(255,255,255,0.1), rgba(0,0,0,0));
  78.     background-image: -moz-linear-gradient(top, rgba(0,0,0,0), rgba(255,255,255,0.1), rgba(0,0,0,0));
  79.     background-image: -ms-linear-gradient(top, rgba(0,0,0,0), rgba(255,255,255,0.1), rgba(0,0,0,0));
  80.     background-image: -o-linear-gradient(top, rgba(0,0,0,0), rgba(255,255,255,0.1), rgba(0,0,0,0));
  81.     margin: 8px 0 8px 0;
  82.     padding: 15px 50px 15px 50px;
  83. }
  84. .menu_link{
  85.     background-color: rgba(0,0,0,0.0);
  86.     border: 1px solid rgba(0,0,139,.2);
  87.     border-radius: 3px;
  88.     -webkit-box-shadow: inset 0px 0px 7px 0px rgba(0,0,139,0.3);
  89.     -moz-box-shadow: inset 0px 0px 7px 0px rgba(0,0,139,0.3);
  90.     box-shadow: inset 0px 0px 7px 0px rgba(0,0,139,0.3);
  91.     color: rgb(0,255,36);
  92.     padding: 5px 15px 5px 15px;
  93.     margin-right: 10px;
  94. }
  95. .menu_link:hover{
  96.     background-color: rgba(0,0,0,0.9);
  97.     border: 1px solid rgba(0,255,36,.2);
  98.     cursor:pointer;
  99.     color: rgb(255,255,255);
  100. }
  101. .ban_tr:hover{
  102.     background-color: rgba(0,0,0,0.9);
  103.     cursor:pointer;
  104. }
  105. .ban_tr2{
  106.     background-color: rgba(0,0,139,0.03);
  107.     cursor:pointer;
  108. }
  109. .ban_tr2:hover{
  110.     background-color: rgba(0,0,0,0.9);
  111.     cursor:pointer;
  112.     color: rgb(255,255,255);
  113. }
  114. .content{
  115.     padding: 15px 50px 15px 50px;
  116.     min-height: 300px;
  117. }
  118. .content_td{
  119.     border-top: 1px solid rgba(0,0,139,.1);
  120. }
  121. .cur{
  122.     text-transform: uppercase;
  123.     color: rgb(0,255,36);
  124.     font-size: 14px;
  125. }
  126. .footer{
  127.     text-align: center;
  128.     padding: 15px 0 24px 0;
  129.     font-size: 11px;
  130. }
  131. .hr{
  132.     width: 100%;
  133.     border: 0;
  134.     height: 3px;
  135.     background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,139,0.6), rgba(0,0,0,0));
  136.     background-image: -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,255,36,0.6), rgba(0,0,0,0));
  137.     background-image: -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,255,36,0.6), rgba(0,0,0,0));
  138.     background-image: -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,255,36,0.6), rgba(0,0,0,0));
  139.     border-top: 1px solid rgba(0,0,139,.2);
  140.     border-bottom: 1px solid rgba(0,0,139,.2);
  141. }

  1. <table width="100%" border="0" cellspacing="0" cellpadding="0" style="border: 1px solid rgba(0,0,139,.1);color: #fff;table-layout:fixed;">
  2.                     <tr style="background-color: rgba(0,0,139,0.1);">
  3.                         <td align='center' width='35' style="padding: 5px;border-right: 1px solid rgba(0,0,139,.1);">Sor</td>
  4.                         <td align='center' width='250' style="padding: 5px;border-right: 1px solid rgba(0,0,139,.1);">Név</td>
  5.                         <td align='center' width='80' style="border-right: 1px solid rgba(0,0,139,.1);">Ban Hossza</td>
  6.                         <td align='center' style="border-right: 1px solid rgba(0,0,139,.1);">Indok</td>

Kép


Mint ahogy látod zöld színű a téma, sokféle zöld árnyalattal. Ugyan így szeretném, csak kék színekkel, ahol világosabb, ott világosabb árnyalattal, ahol sötétebb, ott sötétebb árnyálattal, a gombok szélei is, a szöveg, stb.

Ha elmondod melyik fájlban tudom ezt megtenni, megpróbálom alkotni, szerkeszteni, és feltöltöm.

Am legyen példa az itteni hlmod.hu-s 2 téma, az egyik kék, a másik a barna színű árnyalatokkal való téma, ha így érted hogyan szeretném :)

leírtam mit kell szerkesztened :)

Szerző:  *GrafitY* [ 2016.05.13. 22:05 ]
Hozzászólás témája:  Re: Advanced Ban web felület

theglorious írta:
leírtam mit kell szerkesztened :)


Megpróbálom, köszönöm! :)

Szerző:  [BnT]TwisT [ 2016.11.04. 01:02 ]
Hozzászólás témája:  Re: Advanced Ban web felület

Nekem nem akarja weboldalon betölteni a ban-okat, de mysql-be kimutatja...
Valaki tudna segíteni??
Demon??

Oldal: 2 / 2 Minden időpont UTC+02:00 időzóna szerinti
Powered by phpBB® Forum Software © phpBB Limited
https://www.phpbb.com/