############################################################## ## Название мода: Тег [gposter] ## Автор мода: PheRum < pherum@mail.ru || ICQ: 580403056 || http://reactorr.org > ## Описание мода: Мод позволяет преобразовать картинку в вид компакт диска. ## ## Уровень инсталяции: простой ## Время установки: 5 минут ############################################################## # #-----[ OPEN ]------------------------------------------ # includes/bbcode.php # #-----[ FIND ]------------------------------------------ # $bbcode_tpl = array(); # #-----[ AFTER ADD ]------------------------------------- # $bbcode_tpl['gposter'] = <<
HTML; $bbcode_tpl['gposter_aligned'] = << HTML; # #-----[ FIND ]------------------------------------------ # "#\[qpost=([0-9]*)\]#isu" => '$1', # #-----[ AFTER ADD ]------------------------------------- # "#\[gposter\]($img_url_exp)\[/gposter\]\s*#i" => $tpl['gposter'], "#\[gposter=(left|right)\]($img_url_exp)\[/gposter\]\s*#i" => $tpl['gposter_aligned'], # #-----[ OPEN ]------------------------------------------ # templates/default/css/main.css # #-----[ ADD ]------------------------------------- # /* ================================================================ * Compact * ================================================================ */ .cover { width: 360px; height: 360px; border-radius: 180px; position: relative; -webkit-box-shadow: 0px 0px 10px #aaa; -moz-box-shadow: 0px 0px 10px #aaa; -o-box-shadow: 0px 0px 10px #aaa; box-shadow: 0px 0px 10px #aaa; -webkit-text-shadow: 0px 1px 0px #000; -moz-text-shadow: 0px 1px 0px #000; -o-text-shadow: 0px 1px 0px #000; text-shadow: 0px 1px 0px #000; -webkit-transition: all 500ms linear; -moz-transition: all 500ms linear; -o-transition: all 500ms linear; transition: all 500ms linear; } .cover:hover { transform: rotate(25deg); -webkit-transform: rotate(25deg); -moz-transform: rotate(25deg); -ms-transform: rotate(25deg); -o-transform: rotate(25deg); } .cover-center { width: 30px; height: 30px; position: absolute; top: 50%; left: 50%; margin: -15px 0 0 -15px; background-color: #fff; -webkit-border-radius: 15px; -moz-border-radius: 15px; -o-border-radius: 15px; border-radius: 15px; -webkit-box-shadow: inset 0px 0px 10px #aaa; -moz-box-shadow: inset 0px 0px 10px #aaa; -o-box-shadow: inset 0px 0px 10px #aaa; box-shadow: inset 0px 0px 10px #aaa; } .cover-bord { width: 50px; height: 50px; position: absolute; top: 50%; left: 50%; margin: -28px 0 0 -28px; background-color: transparent; border: 3px solid #fff; -webkit-border-radius: 28px; -moz-border-radius: 28px; -o-border-radius: 28px; border-radius: 28px; } # #-----[ OPEN ]------------------------------------------ # templates/default/posting_editor.tpl # #-----[ FIND ]------------------------------------- # # #-----[ AFTER ADD ]------------------------------------- # # #-----[ FIND ]------------------------------------- # bbcode.addTag("codeSpoiler", "spoiler", null, "", ctrl); # #-----[ AFTER ADD ]------------------------------------- # bbcode.addTag("codeGPoster", "gposter=right", "/gposter", "", ctrl); # #-----[ SAVE/CLOSE ALL FILES ]------------------------------------------ #