Sitemizde kullanılan Reseller temanın modifiye hallerini sizinle paylaşmak istiyorum.
[color=orange][size=14pt][b]Scroll down (Yukarı tuşu) eklemek:[/b][/size][/color]
[b]Index.template.php[/b] Ara: [code]// Show right to left and the character set for ease of translating. echo '<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"', $context['right_to_left'] ? ' dir="rtl"' : '', '> <head> <link rel="stylesheet" type="text/css" href="', $settings['theme_url'], '/css/bootstrap.css" /> <link rel="stylesheet" type="text/css" href="', $settings['theme_url'], '/css/reseller.css" /> <link rel="stylesheet" type="text/css" href="', $settings['theme_url'], '/css/index', $context['theme_variant'], '.css?fin20" />'; [/code]
Aşağıdaki kod ile Değiştirin: [code]// Show right to left and the character set for ease of translating. echo '<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"', $context['right_to_left'] ? ' dir="rtl"' : '', '> <head> <link rel="stylesheet" type="text/css" href="', $settings['theme_url'], '/css/bootstrap.css" /> <link rel="stylesheet" type="text/css" href="', $settings['theme_url'], '/css/reseller.css" /> <link href="//netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css" rel="stylesheet"> <link rel="stylesheet" type="text/css" href="', $settings['theme_url'], '/css/index', $context['theme_variant'], '.css?fin20" />';[/code]
Ara: [code]<script type="text/javascript"> $(document).ready(function(){ var previousScroll = 0, headerOrgOffset = $("nav").height(); $(window).scroll(function () { var currentScroll = $(this).scrollTop(); if (currentScroll > headerOrgOffset) { if (currentScroll > previousScroll) { $("nav").fadeOut(); } else { $("nav").fadeIn(); } } else { $("nav").fadeIn(); } previousScroll = currentScroll; }); $("input[type=button]").attr("class", "btn btn-default btn-sm"); $(".button_submit").attr("class", "btn btn-primary btn-sm"); $("#advanced_search input[type=\'text\'], #search_term_input input[type=\'text\']").removeAttr("size"); $(".table_grid").attr("class", "table table-striped"); $("img[alt=\'', $txt['new'], '\'], img.new_posts").replaceWith("<span class=\'label label-warning\'>', $txt['new'], '</span>"); $("#profile_success").removeAttr("id").removeClass("windowbg").addClass("alert alert-success"); $("#profile_error").removeAttr("id").removeClass("windowbg").addClass("alert alert-danger"); }); </script>[/code]
Aşağıdaki kod ile Değiştirin: [code]<script type="text/javascript"> $(document).ready(function(){ var previousScroll = 0, headerOrgOffset = $("nav").height(); $(window).scroll(function () { var currentScroll = $(this).scrollTop(); if (currentScroll > headerOrgOffset) { if (currentScroll > previousScroll) { $("nav").fadeOut(); } else { $("nav").fadeIn(); } } else { $("nav").fadeIn(); } previousScroll = currentScroll; }); $(window).scroll(function() { if ($(this).scrollTop() >= 50) { // If page is scrolled more than 50px $("#return-to-top").fadeIn(200); // Fade in the arrow } else { $("#return-to-top").fadeOut(200); // Else fade out the arrow } }); $("#return-to-top").click(function() { // When arrow is clicked $("body,html").animate({ scrollTop : 0 // Scroll to top of body }, 500); }); $("input[type=button]").attr("class", "btn btn-default btn-sm"); $(".button_submit").attr("class", "btn btn-primary btn-sm"); $("#advanced_search input[type=\'text\'], #search_term_input input[type=\'text\']").removeAttr("size"); $(".table_grid").attr("class", "table table-striped"); $("img[alt=\'', $txt['new'], '\'], img.new_posts").replaceWith("<span class=\'label label-warning\'>', $txt['new'], '</span>"); $("#profile_success").removeAttr("id").removeClass("windowbg").addClass("alert alert-success"); $("#profile_error").removeAttr("id").removeClass("windowbg").addClass("alert alert-danger"); }); </script>[/code]
Ara: [code] <footer>[/code]
Aşağıdaki kod ile Değiştirin: [code]<a href="javascript:" id="return-to-top"><i class="icon-chevron-up"></i></a> <footer>[/code]
[b]Reseller.css[/b] Sonuna kadar ekleyin:
[code]#return-to-top { position: fixed; bottom: 20px; right: 20px; background: rgb(0, 0, 0); background: rgba(0, 0, 0, 0.7); width: 50px; height: 50px; display: block; text-decoration: none; -webkit-border-radius: 35px; -moz-border-radius: 35px; border-radius: 35px; display: none; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } #return-to-top i { color: #fff; margin: 0; position: relative; left: 16px; top: 13px; font-size: 19px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } #return-to-top:hover { background: rgba(0, 0, 0, 0.9); } #return-to-top:hover i { color: #fff; top: 5px; } [/code]
[color=orange][size=14pt][b]Avatarın çok büyük olduğunu söyleyenler bunu yapsın:[/b][/size][/color]
Index.css Ara ve sil: [code].poster li.avatar img { width: 100%; } [/code]
[color=orange][size=14pt][b]Mavi arka planı değiştirmek ister misiniz?[/b][/size][/color]
Ara Reseller.css:
[code]header { background: #3498db; box-shadow: 0 -3px #9fc6e0 inset; padding: 20px 0; }[/code]
[color=orange][size=14pt][b]Sayfanın alt kısmına bir Google + simgesi eklemenin yolu:[/b][/size][/color] index.template.php (Themes/Reseller) Ara: [code]if(!empty($settings['youtube_check'])) echo' <a href="', !empty($settings['youtube_text']) ? $settings['youtube_text'] : 'http://www.youtube.com' ,'"><img src="', $settings['images_url'], '/social_icons/youtube.png" alt="', $txt['rs_youtube'], '" /></a>';[/code]
Aşağıdaki Kod ile Değiştirin: [code]if(!empty($settings['youtube_check'])) echo' <a href="', !empty($settings['youtube_text']) ? $settings['youtube_text'] : 'http://www.youtube.com' ,'"><img src="', $settings['images_url'], '/social_icons/youtube.png" alt="', $txt['rs_youtube'], '" /></a>'; if(!empty($settings['google_check'])) echo' <a href="', !empty($settings['google_text']) ? $settings['google_text'] : 'http://www.google.com' ,'"><img src="', $settings['images_url'], '/social_icons/google.png" alt="', $txt['rs_google'], '" /></a>';[/code]
Settings.template.php (Themes/Reseller) Ara: [code]array( 'id' => 'youtube_check', 'label' => $txt['youtube_check'], ), array( 'id' => 'youtube_text', 'label' => $txt['youtube_text'], 'type' => 'text', ), [/code]
Aşağıdaki Kod ile Değiştirin: [code]array( 'id' => 'youtube_check', 'label' => $txt['youtube_check'], ), array( 'id' => 'youtube_text', 'label' => $txt['youtube_text'], 'type' => 'text', ), array( 'id' => 'google_check', 'label' => $txt['google_check'], ), array( 'id' => 'google_text', 'label' => $txt['google_text'], 'type' => 'text', ), [/code]
ThemeStrings.english.php (Themes/Reseller/languages) Bul: [code]?>[/code]
Öncesine Ekle : [code]$txt['rs_google'] = 'google +'; $txt['google_check'] = 'Enable icon of google +'; $txt['google_text'] = 'URL of the page to google +';[/code]
|