Topic fejlécek az új designban
Jelentkezz be a hozzászóláshoz.
pedig jól néz ki :c
ASUS B550-PLUS, AMD 5600X, 32 GB DDR4, EVGA RTX 3070, SM-OB1, HD 600 + Asus Xonar DX, TonePort UX1 + Alesis Elevate 5, Novation Circuit \o/
If your idea of "beauty" is narrow, you will rarely see it unless you live a sheltered life and avoid new experiences. The moment I stop having fun with it, I'll be done with it.
SWTOR nick: HUN_Miller, Origin: Miller86HUN, Uplay: mulli86hun, Steam: mulli86, Rockstar Games: mulli86 Jobb félni, mint áldozatául esni egy hirtelen Ninja támadásnak!
Oldalsó sávon szépen menj végig, nem ördöngös, max 1 óra ráfordítással minden kérdésedre tudni fogod a választ 😊
ASUS B550-PLUS, AMD 5600X, 32 GB DDR4, EVGA RTX 3070, SM-OB1, HD 600 + Asus Xonar DX, TonePort UX1 + Alesis Elevate 5, Novation Circuit \o/
Példa kedvéért:
#topic-information a { ---> Banner
margin-top:20px; ----> ???
font-size:26px; ----> Betutípus mérete 26 Pixel
color:#ff0; ----> szín sárga
} ----> program lezárás, függvény lezárás, nem tudom pontosan ez mi 😊
#forum-posts-list .header,#forum-posts-list .post-answer .header { ---> fejléc, fejléc válasz gomb?
background-color:#000!important; --->háttérszín fekete, importanttal erőszakoljuk rá, hogy valóban az is legyen (azt hittem ezt csak a Body-nál kell)
border:1px solid transparent; ---> keret 1 pixel szélességű "körbefutás"/ bekeretezés
border-color:#ff0; ---->keret színe sárga
border-radius:1px; ----> keret lekerekítési rádius 1pixel
padding:2px 4px 6px; ---> Halvány lila gőzöm sincs... ????
} ----> lezárás
Na szóval ilyen magyarázatokat és az ehhez tartozó választási lehetőségeket hol lehet megtalálni? Pld Border: 1px solid transparent helyett tuti vannak még mások is.
SWTOR nick: HUN_Miller, Origin: Miller86HUN, Uplay: mulli86hun, Steam: mulli86, Rockstar Games: mulli86 Jobb félni, mint áldozatául esni egy hirtelen Ninja támadásnak!
Spoiler (katt a megjelenítéshez)
#topic-information a {
margin-top:20px;
font-size:26px;
color:#ff0;
}
#content {
background:#000;
color:#ff0;
}
#forum-posts-list .body {
background:gray;
color:#ff0;
border:1px solid transparent;
border-color:#ff0;
border-radius:1px;
}
#forum-posts-list .footer {
background:#757575;
color:#ff0;
border:1px solid transparent;
border-color:#ff0;
border-radius:1px;
}
#menu-family {
background:#000;
color:#ff0;
}
body {
background:url(http://starwarsmedia.hu/e107_plugins/sgallery/pics/97abdabv1jzt/swtor_wallpaper_067.jpg) repeat;
color:#000!important;
font-family:Arial,Verdana,sans-serif;
font-size:14px;
}
#breadcumb {
background:#000;
color:#ff0;
}
#comments-login {
background:#000;
color:#ff0;
}
#post-submit {
color:#ff0;
background-color:#757575;
border:1px solid transparent;
border-color:#ff0;
border-radius:2px;
font-family:"Lucida Sans Unicode","Lucida Grande",sans-serif;
font-size:12px;
height:38px;
line-height:38px;
padding:0 28px;
text-transform:uppercase;
}
a {
color:#ff0;
}
#form-post textarea {
color:#ff0!important;
background-color:#757575;
}
#forum-posts-list li {
background-color:rgba(26,15,8,0.75)!important;
margin-bottom:16px;
}
#forum-posts-list .header,#forum-posts-list .post-answer .header {
background-color:#000!important;
border:1px solid transparent;
border-color:#ff0;
border-radius:1px;
padding:2px 4px 6px;
}
#forum-wrap {
background-color:#000;
}
#comments-login {
color:inherit;
}
.btn-info {
color:#ff0;
background-color:#757575;
border-color:#ff0;
border-radius:2px;
}
.btn-info:hover,.btn-info:focus,.btn-info:active {
color:#fafafa;
background-color:#3a2f28;
border-color:#fafafa;
border-radius:2px;
}
#topic-information {
border:0;
}
.pagination a,.next,.last {
color:#ffae00!important;
padding:4px 8px;
border:1px solid #efc9a0;
background-color:#2a1f18;
font-size:10px!important;
border-radius:2px;
}
.current {
color:#ff0!important;
font-size:10px!important;
}
#last-read:after {
background-color:#000!important;
color:#ff0!important;
}
SWTOR nick: HUN_Miller, Origin: Miller86HUN, Uplay: mulli86hun, Steam: mulli86, Rockstar Games: mulli86 Jobb félni, mint áldozatául esni egy hirtelen Ninja támadásnak!
.forum-post {
border:1px solid black;
}
.light-grey-border-top {
border-top: dotted orange;
}
Ezt most betettem ide topikba. A fenti border beállításait változtasd a hsz körüli keret változtatásához, az alsót pedig a hsz rész - aláírás közötti rész megváltoztatásához.
ASUS B550-PLUS, AMD 5600X, 32 GB DDR4, EVGA RTX 3070, SM-OB1, HD 600 + Asus Xonar DX, TonePort UX1 + Alesis Elevate 5, Novation Circuit \o/
"Az út fontosabb,mint az uticél" "A gonosz gy?zelméhez az kell,hogy a jók ne tegyenek semmit" "Tégy jó dolgokat és jó dolgok történnek veled"
background-attachment:fixed;
background-color: #000;
[merlinw.org]
<a href="http://valami.hu" target="_blank">GYIK/FAQ</a>
De ha nagyon ragaszkodsz hozzá akkor:
<button
A szövegdoboz alá tök felesleges beraknod a FAQ gombot, az nem oda való.
[merlinw.org]
A link is szöveg, tehát az insert kell neked.
"A hozzászólás dobozát egy sárga keretbe tenni. Semmi extra, csak egy sárga téglalap köré."
Megtalálod ezt is a fenti linken a dizájn fülön. Egyébként:
#form-post.full textarea {
border: 1px solid yellow;
}
A szaggatott keret "solid" helyett "dashed" vagy pontozott "dotted".
[merlinw.org]
[merlinw.org]
A kép átméretezését köszönöm szépen!
5-6-al csak az a bajom, hogy úgy szeretném megcsinálni a hsz-ek körül, ahogy nálad van a Farmerama topikban. A hsz körül van egy határozott vastag vonal, a fejléc, tárgyrész és aláírás rész között meg csak két haloványabb vonal, mert így nagyon sok a sárga és erősek a vonalak.
Egyébként hogy tetszik a design? Nekem jobban tetszik mint amit vártam magamtól 😛
SWTOR nick: HUN_Miller, Origin: Miller86HUN, Uplay: mulli86hun, Steam: mulli86, Rockstar Games: mulli86 Jobb félni, mint áldozatául esni egy hirtelen Ninja támadásnak!
Az 5-ösnél meg nem értem mi a problémád😊
A bannerhez neked ez kell,de javaslom,hogy inkább kicsinyísd le a mértetét valamilyen progival.Értelem szerűen a 900-as és a 600-as értékeket kell átíni amire szeretnéd.
<img src="http://raven01988.files.wordpress.com/2014/03/star-wars-the-old-republic-banner.jpg" alt="star-wars-the-old-republic-banner.jpg" width="900" height="600" />
"Az út fontosabb,mint az uticél" "A gonosz gy?zelméhez az kell,hogy a jók ne tegyenek semmit" "Tégy jó dolgokat és jó dolgok történnek veled"
2. Script gomb még mindig nem jó.
5-6-hoz nem találtam parancsot....
8. Topikok forráskódjában megtaláltam azt amivel be tudok rakni képet, linket. Sőt MerlinW-nek köszönhetően van gombom is. Így a Bannerban van egy csúnya sárga de működő FAQ link. Illetve kint van még egy halott gomb. Valamint a kép amit beraktam elég nagy, azt nem lehet méretre szabni? Illetve tud valaki egy banner szélességet és magasságot mondani?
Remélem, most hogy már csak ennyi problémám van, ezt a pár sort segít valaki megcsinálni! Előre is köszi!
Jó éjszakát!
SWTOR nick: HUN_Miller, Origin: Miller86HUN, Uplay: mulli86hun, Steam: mulli86, Rockstar Games: mulli86 Jobb félni, mint áldozatául esni egy hirtelen Ninja támadásnak!
1-est
3-ast
4-est
5-ös nagyjából sikerült, de valaki megmondhatná, hogy melyik az a parancs, ahol a nem komplett transzparensben van körbekerítve. Kicsit túl van keretezve...
6-os meg lenne oldva ha az 5-ös sikerülne megcsinálni
7-es pipa
Szóval maradt még a 2, 5 vagy 6 és 8-as. Azért annyira nem is rossz, hogy még konkrétan csak bújtam a fórumot és 0-ról indultam 😊
SWTOR nick: HUN_Miller, Origin: Miller86HUN, Uplay: mulli86hun, Steam: mulli86, Rockstar Games: mulli86 Jobb félni, mint áldozatául esni egy hirtelen Ninja támadásnak!
SWTOR nick: HUN_Miller, Origin: Miller86HUN, Uplay: mulli86hun, Steam: mulli86, Rockstar Games: mulli86 Jobb félni, mint áldozatául esni egy hirtelen Ninja támadásnak!
Szóval itt a forum: http://sg.hu/forum/tema/1406560571 (Friss reg miatt nem tudok URL-t linkelni...)
A CCS és JS kódokból meg ennyit használtam fel.
Spoiler (katt a megjelenítéshez)
CSS:
#topic-information a {
color:#ff0;
font-size:16px;
}
#content {
background:#000;
color:#ff0;
}
#forum-posts-list .body {
background:gray;
color:#ff0;
}
#forum-posts-list .footer {
background:#575757;
color:#fff;
border:none;
}
#menu-family {
background:#000;
color:#ff0;
}
body {
background:#000!important;
}
#breadcumb {
background:#000;
color:#ff0;
}
#comments-login {
background:#000;
color:#ff0;
}
#post-submit {
background:#000;
color:#ff0;
}
JS
function insertStr(elementID, newstring) {
$('#' + elementID).val($('#' + elementID).val() + newstring);
}
function newButton(btnName, btnPosAfter, msgString) {
$('#form-post textarea').attr('id', 'message');
$('#forum-codes button
$('#forum-codes button.' + btnName).click(function() { insertStr("message", msgString); });
}
/*
param1: a gomb neve
param2: melyik gomb után jelenjen meg
param3: mit írjon a szövegmezőbe
*/
newButton('FAQ/GYIK', 'spoiler', '');
1. Szóval egyrészt a gomb kicsit rá van csúszva a spoiler gombra és nem sikerült sehogy se arrébb rakni.
2. Valamint én nem szöveget szeretnék vagy BB kódot berakni, hanem egy külső linket. Gondolom az insert parancsot kéne kicserélni valamire, de ugye ez nem az én asztalom :/
Illetve szeretném még formázni kicsit a forumot, úgy ahogy a Steam topikban is van.
3. Tehát ahogy a kódokban is látszik, szeretnék mindenhol sárga betűket alkalmazni.
4. Valamint a hozzászólás fejlécét szeretném feketére alakítani vagy legalább egy feketéből sötétszürkébe átmenetesbe.
5. A hozzászólás dobozát egy sárga keretbe tenni. Semmi extra, csak egy sárga téglalap köré.
6. A hsz-en belül a tárgymező és az alja között lévő none parancsot az istenért nem tudom sárgára változtatni.... Illetve beírhatom, csak nem történik semmi.
7. A forum háttérszínét is szeretném feketére csinálni, elvileg a contetnt ezt megoldaná, de gyanítom azért nem működik, mert kell egy felülíró parancs, ha van valami szín beállítva neked a beállításoknál.
8. Illetve szeretnék a bannerba egy képet rakni, nem tudom, hogy ahhoz kell-e valami méret vagy ilyesmi. Ja mellesleg nem tudom a kódot se amivel be lehet integrálni :/
Nagyon szépen köszönöm előre is a segítséget, annak aki veszi a fáradságot és segít ezeket megoldani! 😊
SWTOR nick: HUN_Miller, Origin: Miller86HUN, Uplay: mulli86hun, Steam: mulli86, Rockstar Games: mulli86 Jobb félni, mint áldozatául esni egy hirtelen Ninja támadásnak!
"Az út fontosabb,mint az uticél" "A gonosz gy?zelméhez az kell,hogy a jók ne tegyenek semmit" "Tégy jó dolgokat és jó dolgok történnek veled"
SWTOR nick: HUN_Miller, Origin: Miller86HUN, Uplay: mulli86hun, Steam: mulli86, Rockstar Games: mulli86 Jobb félni, mint áldozatául esni egy hirtelen Ninja támadásnak!
"Az út fontosabb,mint az uticél" "A gonosz gy?zelméhez az kell,hogy a jók ne tegyenek semmit" "Tégy jó dolgokat és jó dolgok történnek veled"
SWTOR nick: HUN_Miller, Origin: Miller86HUN, Uplay: mulli86hun, Steam: mulli86, Rockstar Games: mulli86 Jobb félni, mint áldozatául esni egy hirtelen Ninja támadásnak!
Waiting for me /me. Uplay: tom.solo Steam: tom_solo
"You live your life just once, so don't forget about a thing called love..."
Waiting for me /me. Uplay: tom.solo Steam: tom_solo
"You live your life just once, so don't forget about a thing called love..."
#topic-information {
border:0;
margin:0;
padding:10px 30px;
}
Mert néhány helyen láttam, hogy van 950 pixel széles a banner kép (és ahhoz van az egész topik igazítva - Eredeti játékok topik, World of Tanks topik), ebben a topikban pedig még csak 928 pixel volt a maximum. Jó lenne, ha picit ki lehetne szélesíteni ezt a topikot is. 1040 pixeles a kép és sajnos nem látszik teljes egészében. Tudom, hogy 1040-re nem lehet kiszélesíteni, de már a 950 pixel is jobb lenne.
"You live your life just once, so don't forget about a thing called love..."
[merlinw.org]
A Hsz #304 ben lévő linkből próbáltam a "
$("#comments-login"😉.html($("#comments-login"😉.html().replace("
", ""😉);
következő kódot, de nálam nem működik!
(mint általában egyik JS kód sem! Kivéve a gomb feljebb tolást)
A HTLM és a CSS-k működnek! Köszönet érte a gyártóknak!!!!<#taps><#worship>
[merlinw.org]
[merlinw.org]
[merlinw.org]
"Az út fontosabb,mint az uticél" "A gonosz gy?zelméhez az kell,hogy a jók ne tegyenek semmit" "Tégy jó dolgokat és jó dolgok történnek veled"
Majd megnézem, de ez nem az a gomb amit össze vissza nyomkod az ember😊
[merlinw.org]
Ha kikapcsolod,akkor a banner fölé ugrik a gomb.A másik,ha kétszer rányomsz a gombra,utána már nem működik és a slidebar beugrik középre a textarea fölé.
"Az út fontosabb,mint az uticél" "A gonosz gy?zelméhez az kell,hogy a jók ne tegyenek semmit" "Tégy jó dolgokat és jó dolgok történnek veled"
var ckname = window.location.pathname.match(/tema\/(\d+)/)<1>;
@tomsolo: Arrol van éppen szó, de azt is ki kell nyerni valahonnan. Én spec az url-t írtam példának, de persze van rá sok alternatíva, DOM-ból csak lassabb ugyanez mondjuk.
(\__/) ( X.x) ( } . { )
Waiting for me /me. Uplay: tom.solo Steam: tom_solo
var ckname = window.location.pathname.split('/')❤️>;(\__/) ( X.x) ( } . { )
[merlinw.org]
"Az út fontosabb,mint az uticél" "A gonosz gy?zelméhez az kell,hogy a jók ne tegyenek semmit" "Tégy jó dolgokat és jó dolgok történnek veled"
HTML
<button id="styleoff">Style off</button>
JS:
var ckname = 'topiknev';
var myList = document.getElementsByTagName("link"😉;
if (localStorage.getItem(ckname) !== null) {
myList<11>.href="#";
$('#styleoff').val(1);
$('#styleoff').text('Style on');
}
$('#styleoff').click(function(){
if (!$('#styleoff').val()) {
localStorage.setItem(ckname, myList<11>.href);
myList<11>.href="#";
$('#styleoff').val(1);
$('#styleoff').text('Style on');
} else {
myList<11>.href=localStorage.getItem(ckname);
localStorage.removeItem(ckname);
$('#styleoff').val(0);
$('#styleoff').text('Style off');
}
})
Aki nem olyan lusta mint én, majd ír egy regexet a css-re, illetve berak valami egyedi azonosítót, hogy ne kelljen átírogatni a ckname változót😊
[merlinw.org]
<button id="styleoff">Style off</button>
JS:
var ckname = Math.random();
$('#styleoff').click(function(){
var myList = document.getElementsByTagName("link"😉;
if (!$('#styleoff').val()) {
localStorage.setItem(ckname, myList<11>.href);
myList<11>.href="#";
$('#styleoff').val(1);
} else {
myList<11>.href=localStorage.getItem(ckname)
localStorage.removeItem(ckname);
$('#styleoff').val(0);
}
[merlinw.org]
"Az út fontosabb,mint az uticél" "A gonosz gy?zelméhez az kell,hogy a jók ne tegyenek semmit" "Tégy jó dolgokat és jó dolgok történnek veled"
[merlinw.org]
"Az út fontosabb,mint az uticél" "A gonosz gy?zelméhez az kell,hogy a jók ne tegyenek semmit" "Tégy jó dolgokat és jó dolgok történnek veled"
[merlinw.org]
<button class="gomb1">izlett?</button>
JS rész tetejére:
$('#topic-information .gomb1').click(function(){
insertText("message", 'valami');
})
$.fn.setCursorPosition = function(pos) {
this.each(function(index, elem) {
if (elem.setSelectionRange) {
elem.setSelectionRange(pos, pos);
} else if (elem.createTextRange) {
var range = elem.createTextRange();
range.collapse(true);
range.moveEnd('character', pos);
range.moveStart('character', pos);
range.select();
}
});
return this;
};
/* String beszúrás */
function insertText(elementID, _string) {
$('#form-post textarea').attr('id', 'message');
var textArea = $('#' + elementID);
textArea.val(textArea.val() + _string);
textArea.setCursorPosition(textArea.val().length);
}
Az "insertText("message", 'valami');" -ben a "valami"-t írd át amire akarod, azt fogja beszúrni.
[merlinw.org]
If you ask me, you do what you want... :) Intel Xeon E5-2678 v3, 12-Core, 3300 MHz (33 x 100) | 32 Gb RAM | Geforce 1660Ti 6Gb