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
-
#326
Igen.Itt nyitsz egyet és lehet tesztelni. -
#325
Olyan kérdésem lenne, hogy ha valakinek a topikjához szeretnék egy képet, meg egy linket berakni a bannerba, akkor azt hol tudom tesztelni? Emiatt most nyissak egy topikot és próbálgassam a dolgokat?? -
#324
http://sg.hu/forum/tema/1169231496 -
#323
Hova írtad be? 
-
#322
beírtam neked -
#321
Köszi. És a szélességet hogyan tudom módosítani? -
DIESEL DOG #320 Banner körüli keret eltüntetéséhez... szokásos módon a css-be másold be. ;)
#topic-information {
border:0;
margin:0;
padding:10px 30px;
} -
#319
Egy topikban a bannert ölelő keretet hogyan tudom kiszélesíteni?
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. -
#318
A comments-loginos valóban nem, de az összes többi működik. A Steam topikban bent van majdnem mind. -
#317
Sziasztok!
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!!!!
-
DIESEL DOG #316 Ez is elkészült. :) -
#315
Meg a többit is. -
#314
Aki/be kapcsolást javítottam -
#313
Felugrik a gomb persze, hiszen kihúzod alóla a css-t. Ez ilyen. A többit majd megnézem. -
#312
Akár a tiédben is a Steam topikban például.Persze,hogy nem kell nyomkodni csak próbálgattam:) -
#311
Melyik topikban?
Majd megnézem, de ez nem az a gomb amit össze vissza nyomkod az ember:) -
#310
Lenne 2 észrevételem a ki-be kapcsolónál.
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é. -
#309
Hopp szóval inkább cross-browser változata ugyanannak:
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. -
#308
nem értem mit neveztek, mikor idéje van minden topiknak -
#307
var ckname = window.location.pathname.split('/')[3]; -
#306
Nincs mit. A ckname = 'topiknev' -et célszerű átírni valami egyedire, hogy ne legyen gubanc ha több topikban használják/od a cuccot. Ide lenne szép bedobni a topik id-t, de ahhoz most lusta voltam. Majd egyszer azt is megcsinálom / megcsinálja valaki. -
#305
Besz@rok rajtad:)Tökéletesen működik!Köszönöm! -
#304
Javítva, itt lehet kipróbálni
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:) -
#303
HTML
<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);
} -
#302
És esetleg a dizájn ki-be kapcsoló scripttel is tervezel valamit? -
#301
Ezt a linket be lehetne tenni a fejlécbe. -
#300
Nagyon szépen köszönöm a segítséget!
-
#299
Scriptek összeszedve, ezt fogom bővíteni. -
#298
HTML részbe:
<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.
-
#296
Köszi szépen!! :) -
#295
/**************************************/
/******** Függvények *************/
/**************************************/
/* JQuery kurzor pozicionálás */
$.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;
};
/* BBCode beszúrás */
function insertBB(elementID, _array) {
var openTag = _array[0];
var closeTag = _array[1];
var textArea = $('#' + elementID);
var len = textArea.val().length;
var start = textArea[0].selectionStart;
var end = textArea[0].selectionEnd;
var selectedText = textArea.val().substring(start, end);
var replacement = openTag + selectedText + closeTag;
textArea.val(textArea.val().substring(0, start) + replacement + textArea.val().substring(end, len));
textArea.setCursorPosition(5);
}
/* String beszúrás */
function insertText(elementID, _string) {
var textArea = $('#' + elementID);
textArea.val(textArea.val() + _string);
textArea.setCursorPosition(textArea.val().length);
}
/* Új gomb beillesztés */
function newButton(_btnName, _btnPosAfter, _method, _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() {
if (_method == 'insert') insertText("message", _msgString);
else if (_method == 'bb') insertBB("message", _msgString);
});
}
/* Tiltólista */
function blockUsers(_userlist) {
var bl_users = _userlist;
bl_users = bl_users.split(',');
var u = $('#forum-posts-list').attr('data-info').replace(/\{"user_id":"|","topic_id".*/img, "");
if (bl_users.indexOf(u) != -1) {
$('#content').remove();
}
$('.header a.name').each(function() {
var a = $(this).attr('href').replace(/\/felhasznalo\//img, "");
if (bl_users.indexOf(a) != -1) {
$(this).parent().parent().remove();
}
});
}
/*********************************/
/******** Hívások *************/
/*********************************/
/*
@function newButton
@param _btnName str - a gomb neve
@param _btnPosAfter str - melyik gomb után jelenjen meg
@param _method str - 'insert' vagy 'bb' (BBcode)
@param _msgString mixed str/array - mit írjon a szövegmezőbe ( BBcode esetén pl: ['[off]','[/off]'] )
*/
newButton('off', 'spoiler', 'bb', ['','']);
newButton('gomb_neve', 'spoiler', 'insert', 'beszurom ezt a szoveget');
newButton('maximus', 'spoiler', 'insert', 'aláírás: Maximus');
/* user id felsorolas: blockUsers('0123456789,0123456789,0123456789'); */
blockUsers('');
-
#294
Értem,de akkor félreértettük egymást.Én olyan gombra gondoltam,ami ebbe a topikba van,mert ezt szeretném helyreállítani az új dizájnhoz és nem a meglévő gombok közé szeretnék egy újat,hanem ténylegesen a banner alá:) -
#293
Nagyon jó ez kód, köszi még egyszer! :) Az megoldható valahogyan, hogy a fókusz (a kurzor) a tag-ek közé kerüljön, úgy mint a spoiler-nél? :) -
#292
Az egészet a JS dobozba. -
#291
Köszönöm szépen,de annyit még megtennél,hogy elmondod,hogy mit hova illesszek be?Messze nem vagyok olyan pro mint ti,így lövésem sincs:( -
#290
Maximus: neked címeztem az előzőt, csak a fórum válasz linkje nem tökéletes :D -
#288
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('idiota', 'spoiler', '
');
newButton('maximus', 'spoiler', 'aláírás: Maximus');
-
#287
Segítséget kérnék.
Hogy tudok banner alá olyan gombot berakni,ami a textareaba rak,például egy smileyt ha rákattintok? -
#287
Bannerbe valo css generatort en is terveztem :) ha tenyleg nekiallsz akkor szolj, nagy segitseg lenne es akkor nem allok neki en is :) -
#286
Az csodálatos lenne.Előre is köszi!