657
Segítsük egymást
Ha háttérnek képet akarsz beilleszteni: link (ami alatta van normál betűtípussal, Code-ban lévő szöveg le lett vágva!)
Ha háttér színét akarod megváltoztatni: body{background:orange!important;} /link
Ha ki szeretnéd emelni a bannerban a linkeket: link
Ha a 'fehér csík' helyett más színt szeretnél: link
Kicsit hosszabb leírás link
MerlinW által összegyűjtött scriptek
TOPIC DESIGN KÉSZÍTŐ by Sg modcsapat!
SG TOOLS
Ha háttérnek képet akarsz beilleszteni: link (ami alatta van normál betűtípussal, Code-ban lévő szöveg le lett vágva!)
Ha háttér színét akarod megváltoztatni: body{background:orange!important;} /link
Ha ki szeretnéd emelni a bannerban a linkeket: link
Ha a 'fehér csík' helyett más színt szeretnél: link
Kicsit hosszabb leírás link
MerlinW által összegyűjtött scriptek
TOPIC DESIGN KÉSZÍTŐ by Sg modcsapat!
SG TOOLS
-
#366
Bocsi, innen lemaradt a kép:
Nem tudom miért nem tölt be...
http://www.kepmegoszto.com/201407301107/f-53d8b5de2cb3b-asdf.jpg
SPOILER! Kattints ide a szöveg elolvasásához!
![]()
-
#365
Am ha az ember rájön és ráérez a parancsokra egész jól pimpelhető ez a fórummotor :) Pld a lapozófül gombokhoz volt egy séma, de hiányzott az alapgombos részből a "hover" így ugyanúgy kék színűek maradtak a lapozófül gombjai. Illetve a számok színezéséhez kellett az !important parancs is. Így most szépen változnak a lapozó fülek is.
Ha valakinek kellene hozzá a kódsor
SPOILER! Kattints ide a szöveg elolvasásához!
nav.pager a,nav.pagination a {
border:1px solid #ff0;
border-radius:2px;
background-color:#757575;
color:#ff0;
font-size:14px;
font-weight:700;
margin:0 3px;
padding:1px 10px;
}
nav.pager a:hover,nav.pagination a:hover {
border:1px solid #ff0;
border-radius:2px;
background-color:#000;
color:#ff0;
font-size:14px;
font-weight:700;
margin:0 3px;
padding:1px 10px;
}
nav.pagination a.current {
background:#c2c200;
border-color:#ff0;
color:#000!important;
font-weight:700;
font-size:14px;
}
nav.pagination a.current:hover {
background:#000;
border-color:#ff0;
color:#ff0!important;
}
-
#364
Na 3 darab kérdésem lenne:
1.-es számmal jelölt üzenetsávnak. Mi a megnevezése, hogy tudjam változtatni a szinét?
2.-es villogó üzenetsávnak a fehér háttere miért nem változott meg és a sárga felirat meg miért igen? Azt melyik paranccsal változtatom?
3.-as időkijelző miért nem változott sárgára ha a többi igen?
És egy olyan kérdésem lenne, hogy ha az új üzenet sávban ilyen pontozott vonal szerűség van folyamatos helyett az azért van ,mert ez van a programsorban, border-top:1px dashed #ddd??
-
#363
Ha beállítom hogy 10 hsz legyen egy oldalon. Akkor miért nem 10 hsz-t látok? Így nem tudom tesztelni az oldalt.
Plusz valaki írjon már be valamit a fórumba, mert nem látom hogy az új üzenet felirat jó-e már.
Köszi!
Topik:
http://sg.hu/forum/tema/1406560571 -
#362
Tetszetős 
-
#361
ezt is köszönöm :-) -
#360
Ha minden igaz ebben a részben: #form-post textarea {
font-size:14px;
}
kell egy ilyen sort berakni: font-size:14px;
Szóval a 14px azaz pixel a betű nagysága -
#359
köszönöm
magát ahol a hozzászólást írom ott a betűket hogy lehet olvashatóbbá tenni, pl vastagítani stb. ? -
DIESEL DOG #358 Lassan elkészül... :) -
#357
#forum-posts-list .body, #forum-posts-list .footer {
color: #fff;
} -
#356
és mit kell átírnom, hogy a betűszín újra jó legyen? -
#355
Frissítették a fő stílus definíciót... -
#354
Itt most miért lett a szöveg fekete betű amikor korábban jó volt és nem változtattam semmit?
http://sg.hu/forum/tema/1077614983 -
#353
-
#352
Szupertuti :) Köszi. Végül megfogadtam a tanácsod és raktam be szép betűtípussal, hosszú szövegű linket, így valóban jobban néz ki mint gombbal. Már a forráskódot elküldtem a topiktulajnak, hogy rakja be, Kíváncsi vagyok, mik fognak nem úgy kinézni működés közben ahogy terveztem.
Mindenesetre van már gombhoz kódom. Köszi! :) -
#351
Akkor ezt próbáld gombnak:
SPOILER! Kattints ide a szöveg elolvasásához!<form action="http://swtorfaqhun.uw.hu/index.htm">
<input type="submit" value="FAQ" /></form> -
#350
Hát az olyan mainsztream :D Meg azt már sikerült is megcsinálni :) Am jó lenne a gomb, de ha nem műkszik... :) -
#349
Szerintem a topikodba inkább szöveg illik,mint az a gomb.Ha ki akarod próbálni akkor a gomb helyett ezt tedd be:
SPOILER! Kattints ide a szöveg elolvasásához!<a rel="nofollow" href="http://swtorfaqhun.uw.hu/index.htm" target="_blank">GYIK/FAQ</a>
Persze a betűmérettel még lehet variálni ha túl nagy lenne. -
#348
Hát kivettem a szöveg doboz alól a script gombot, de a banneros gomb még mindig döglött. Pedig elvileg minden ok:
<button onclick="document.location.href='http://swtorfaqhun.uw.hu/index.htm'">GYIK/FAQ</button> -
#347
Nem mondtam, hogy rossz :) csak retro - van, ahova ez illik. -
#346
csak ideiglenes volt így ^^
pedig jól néz ki :c -
#345
Ezek a keretek meg pöttyös sávok olyan 90-es évek internet feelinget sugároznak :) -
#344
-
#343
Itt mindent megtalálsz. Amire szükséged lehet.
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 :) -
#342
Am piszok kiváncsi lennék ki mit csinál (melyik programrész konkrétan mire jó vagy ha más stílust akarsz, akkor milyen lehetőségek vannak még)
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. -
#341
Kösz fiúk, az én "designom"-nak Itt a kódja: A nagyra módosított rész kezdi el körbekeretezni a hozzászólásokat, ha valakinek netán tán kellene ilyen:
SPOILER! Kattints ide a szöveg elolvasásához!
#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;
}
-
#340
.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. -
#339
Értelek,de én csak így tudom megcsinálni a hozzászólás ablakot.Belül nincs keret. -
#338
Az oldal háttérképhez body{} meg írd ezeket:
background-attachment:fixed;
background-color: #000; -
#337
Ja értem már a linkes problémádat. Ha linket szeretnél nem kell neked gomb.
<a href="http://valami.hu" target="_blank">GYIK/FAQ</a>
De ha nagyon ragaszkodsz hozzá akkor:
<button onclick="document.location.href='http://valami.hu'">GYIK/FAQ</button>
A szövegdoboz alá tök felesleges beraknod a FAQ gombot, az nem oda való. -
#336
"Valamint én nem szöveget szeretnék vagy BB kódot berakni, hanem egy külső linket."
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".
-
#335
Kibővítettem a scripteket egy design füllel, benne sok alapvető dologgal, elemek színezése, bannerkép berakása, lapozó és egyéb cuccok variálása. -
#334
A gombokat szerintem MerinW fogja tudni nekem megmondani, a többi esetben is ő volt a probléma megoldója! :)
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 :P -
#333
A 2-eshez nem tudok hozzászólni:)
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" />
-
#332
Na azt hiszem mára ennyi. végigolvastam az egész topikot, minden hozzászólást, ki is próbáltam dolgokat, többség már nem segített, de egy próbát megért. Ennél tovább nem tudok jutni magamtól...
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! -
#331
Na azóta sikerült megoldani az
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 :) -
#330
Na közben annyit pimpeltem még, hogy raktam be képet háttérnek. De azt hiszem itt megállt a tudomány -
#329
Na mostanság ennyire jutottam hogy átböngésztem itt a linkeket, és az utolsó pár oldalt. Sajnos nekem már az alapokkal is bajaim vannak, nem csak az új motor miatti új scriptekkel és CSS-el.
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! Kattints ide a szöveg elolvasásához!
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[data-codes*="' + btnPosAfter + '"]').after('<button class="'+btnName+' btn btn-info btn-sg smallButton" data-codes="' + btnName + '" type="button">' + btnName + '</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! :) -
#328
Nem kell azt törölni.Bármikor jól jöhet és ott szabadon garázdálkozhatsz:) -
#327
Oks, ha megvan, akkor belinkelem nektek, hogy lehet törölni :) Bár tuti nem fog elsőre sikerülni, nem vagyok egy nagy hekker :) Szóval majd jövök kérdezni :)
