teez Posted October 10, 2012 Share Posted October 10, 2012 File Name: MoonSkin 3.3 Pro Dark Skins [UPDATE] File Submitter: teez File Submitted: 07 Oct 2012 File Category: Themed Skins Kompatybilne z : Custom Sidebar Blocks IP.Blog IP.Downloads IP.Shoutbox IP.Nexus IP.Gallery Inne.. Mój drugi autorski skin, tworzony od zera. Z racji braku inspiracji zacząłem eksperymentować z przeźroczystością tabel. Bardzo mi to przypadło do gustu, po czym zrobiłem tak większość forum.Zmieniłem również całą czcionkę. Przy okazji poznałem właściwości box-shadow, które również użyłem w szablonie. Styl jest na tyle uniwersalny, z racji takiej, że po zmianie tła na inny tematycznie, jest w stanie przystosować się do niej, chociaż może potrzebować małej edycji. Nie chciałem zostawić zwykłego loga. Zastosowane w w/w skinie po najechaniu na niego kursorem płynnie się obraca, a następnie wraca do swojego pierwotnego stanu. Dodatkowo dodałem do tego przeźroczystość, która również z czasem zmienia się. Wygląda to bardzo efektywnie. Menu w którym zastosowane są zmiany tła w krótkim okresie czasu, podczas przejścia na daną zakładkę. Dodatkowo zastosowane cień tekstu oraz przeźroczystość. W pasku umieściłem skrót do wyszukiwarki. W profilu użyłem przeźroczystego maintitle z poświatą w okół, boczne menu ( Friends, Topics, Posts [..] ) zmieniłem jedynie kolorem oraz usunąłem animację. Zedytowałem również okienko z aktualizacją statusu, aby bardziej upodabniało się do reszty skina. Przeźroczyste tło wraz z podświetlonym maintitle. Dodatkowo poświata w okół avataru. Zmieniłem całkowicie widok panelu użytkownika. Skasowałem tło oraz dodałem cień. Dobitna zmiana cytatów. Dodatkowo po najechaniu kursorem płynnie rozświetla się.Mój ulubiony fragment. Po dłuższej pracy otrzymałem taki efekt. Dodane podświetlenie w okół przeźroczystego maintitle oraz avatarów, zmienione buttony. Przeźroczyste tło postów oraz informacji o autorze. here to download this file Link to comment Share on other sites More sharing options...
Aussie Cable Posted October 11, 2012 Share Posted October 11, 2012 Can you please use English in your descriptions! Not a bad skin, can you change the background image? Just thought that I would let you know that your test site background image is not inline with the site. Link to comment Share on other sites More sharing options...
Eric Allione Posted October 11, 2012 Share Posted October 11, 2012 This is what it looks like on my 1920x1080 monitor sad.png "> I really like it otherwise though, great job. But it's unusable like this of course. Link to comment Share on other sites More sharing options...
Aussie Cable Posted October 11, 2012 Share Posted October 11, 2012 Yep same as me Link to comment Share on other sites More sharing options...
Eric Allione Posted October 11, 2012 Share Posted October 11, 2012 Also, I noticed that instead of having the image be static while the forums scroll down, the image disappears off the screen as you scroll down: "> Link to comment Share on other sites More sharing options...
teez Posted October 11, 2012 Author Share Posted October 11, 2012 I fix it when I come to home. Link to comment Share on other sites More sharing options...
teez Posted October 11, 2012 Author Share Posted October 11, 2012 Ok. ACP -> Look & Feel -> MoonSkin -> CSS -> ipbstyless.css and Find : background: url({style_images_url}/bg.jpg ) no-repeat scroll -640px 0 transparent; Change to : background: url({style_images_url}/bg.jpg ) repeat-x scroll 0 0 transparent; Link to comment Share on other sites More sharing options...
teez Posted October 11, 2012 Author Share Posted October 11, 2012 Also, I noticed that instead of having the image be static while the forums scroll down, the image disappears off the screen as you scroll down: "> Find in ipbstyless.css background-color: #061411; and change to your color. Link to comment Share on other sites More sharing options...
Eric Allione Posted October 11, 2012 Share Posted October 11, 2012 Thanks for this tip, it made it fit my screen perfectly: Change to : background: url( ) repeat-x scroll 0 0 transparent; However, I don't think I explained the second problem well. This skin would be perfect if the background imaged stayed there while the forums scrolled down. Instead, the forums scroll down with the picture. Does that make sense? Here are example screenshots: "> "> "> See how the background doesn't move but the forums do? There must be a simple way to do that. Link to comment Share on other sites More sharing options...
teez Posted October 11, 2012 Author Share Posted October 11, 2012 It's not only the style of wine background. You can try to use the "repeat" but then you will see the color difference. Link to comment Share on other sites More sharing options...
Eric Allione Posted October 11, 2012 Share Posted October 11, 2012 Hey Teez, SecTalk.com was able to fix that problem for me. I just had to change 'scroll' to 'fixed' in ipb_styles.css. I have your skin as the default now and love it One thing I was wondering about though is if there would be a way to make the forums a little higher and maybe remove the logo option. That way more of the forum would be visible without scrolling down. Link to comment Share on other sites More sharing options...
Eric Allione Posted October 12, 2012 Share Posted October 12, 2012 I fixed the problem by just deleting the logo section in the globalTemplate. (sorry for double post but my edit window expired). Link to comment Share on other sites More sharing options...
teez Posted October 12, 2012 Author Share Posted October 12, 2012 You can delete logo:hover from ipbstyless.css ;) Link to comment Share on other sites More sharing options...
Eric Allione Posted October 12, 2012 Share Posted October 12, 2012 I just made a smaller logo and it looks good with your skin, but... how do I stop the logo from spinning lol? Link to comment Share on other sites More sharing options...
teez Posted October 12, 2012 Author Share Posted October 12, 2012 ACP -> Look & Feel -> Your name skin -> CSS -> ipbstyles.css Find : #logo { display: inline; opacity: 1; -webkit-transition: all 4s ease-in; -moz-transition: all 4s ease-in 0s; -o-transition: all 4s ease-in; -ms-transition: all 4s ease-in; position: absolute;} #logo:hover { -webkit-transform: rotate(-1080deg); -moz-transform: rotate(-1080deg); position: absolute; opacity: 0.5; -webkit-transition: all 4s ease-in; -moz-transition: all 4s ease-in 0s; -o-transition: all 4s ease-in; -ms-transition: all 4s ease-in; } Change to : #logo { display: inline; } Link to comment Share on other sites More sharing options...
Wild Child Posted October 23, 2012 Share Posted October 23, 2012 What a GREAT skin!! Thank you for sharing! 5 stars! Link to comment Share on other sites More sharing options...
Wild Child Posted October 23, 2012 Share Posted October 23, 2012 Could you please tell me how I make the board just a little wider please? Link to comment Share on other sites More sharing options...
teez Posted October 23, 2012 Author Share Posted October 23, 2012 Go to ACP -> Look & Feel -> MoonSkin -> CSS -> ipb_styless.css -> find ipb_wrapper { and change min-width, and width. //TOPIC Update skin! :) Link to comment Share on other sites More sharing options...
Wild Child Posted October 23, 2012 Share Posted October 23, 2012 Do you mean this:#ipbwrapper {margin: 0 auto;width: 1100px;}And many thanks for your quick reply Link to comment Share on other sites More sharing options...
teez Posted October 23, 2012 Author Share Posted October 23, 2012 Do you mean this: #ipbwrapper { margin: 0 auto; width: 1100px; } Yes. :P Link to comment Share on other sites More sharing options...
Wild Child Posted October 23, 2012 Share Posted October 23, 2012 Haha many thanks TeeZ. When I first tried that, only the index page became wider. But it's all working now ..so thank you muchly! Link to comment Share on other sites More sharing options...
Nuclear General Posted October 24, 2012 Share Posted October 24, 2012 How do I get rid this at the bottom of the page? Thanks in Advance, -Don EDIT: Scratch that. I know what it is now lol Link to comment Share on other sites More sharing options...
teez Posted October 26, 2012 Author Share Posted October 26, 2012 I looked for your website and I didnt find it. Link to comment Share on other sites More sharing options...
Wild Child Posted October 26, 2012 Share Posted October 26, 2012 Another quick question ..are we able to change/add backgrounds TeeZ? Link to comment Share on other sites More sharing options...
teez Posted October 26, 2012 Author Share Posted October 26, 2012 Of course! Replace your background on FTP : FTP -> public -> style_images -> MoonSkin -> bg.jpg or in ACP ACP -> Look & Feel -> MoonSkin -> CSS -> ipbstyless -> find bg.jpg and change to url your background. Link to comment Share on other sites More sharing options...
Recommended Posts
Archived
This topic is now archived and is closed to further replies.