Creating Custom Skins for Dottext IS Quite Easy I've Found. It Only Took A Few Minutes To Be Well ON M WAY to MAKING SKINS.
First find where the default skins are saved so that you do not have to start from scratch. We are just going to copy one of the existing ones and edit that.Install Directory> / Skins Open up the skins directory and choose one of the existing skins folders to copy. I used Marvin3 (thanks Marvin, who ever you are) because I like the columns down each side of the page. Make a copy of that folder. Now that you have a copy, rename it to something you like. I called mine eIce because it is largely based on blue -. the color of ice and the constant coating on my car Open up your newly named folder and depending on which previous skin you copied you will notice several Css files Marvin3 has a few. while others only have one. For each Css file you have, that will be a version of your skin. you will also notice PageTemplate.ascx (Asp.Net Custom Control). This is the file that holds the information about the positioning of your New Skin. Open IT Up to Seeh How IT Works. You Should See that the normal tag prefixes are registered at the top of the file and where they are used to draw how your skin will look There is also a mix of Html in there -. feel free to edit that if you like but be sure your syntax IS Correct! You Should Also Plainly See How You Can Move Elements, Such As "News" Around by Using To
tag. Back to the Css file now. Most skins refer to the elements in the ascx file by their ID's, so take a look at which ID's go with which elements and you will know which Css selectors edit them. I added a bunch of stuff to the a:. hover selector so that when you mouse over my links, they do something crazy - like highlight Customize this file as much as you like but again be sure that you use only proper syntax In your skin's directory, find the! Images folder. This is where you can store images that your skin requires. I put Dave M.'s blue duckie that I took a picture of in mine because I used it as a background. you may put whatever you like in there and reference it from the Css file just one directory up I have background-image:.. url (Images / blue_duckie_bg.gif); Now lets look in the Controls folder in your skins directory Here you can edit each element of blog via your even more ascx (ASP.NET CUSTOM Control) FILES. IF you Open ONE UPS BLOGSTATS.ASCX, You Can SE e just how the stats are printed out on your blog. You can reformat or change the way they, or any other control, displays. Pretty cool huh? Good job Scott! The next and final step to creating your own skins for DotText is to Update the Skins.config File. it is storeless in the install directory> / admin folder of Your blog. Once You have this file open you will see entries inside of theeta
. You need to create a new entry for each on of the versions of your new skin -. In other words, for every Css file (color scheme perhaps) you will need an additional entry The SkinID attribute needs to be the name of the skin you created (in my case EIce) with a hyphen and then the name of the Css file. The Skin attribute is the display name of the skin that shows up in the drop down box inside of the config. Then the SecondaryCss attribute is the File Name of the Corresponding CSS File. Here Are A Few Entries from My New Skin:
