:: h文吧 肉文吧 General Information ::
The aim of this template (
) is to provide a simple, cleanand attractive appearance and navigation-interface for any/all who want to use it. This ismy first submission to OSWD
,and I have no idea how it will be recieved, though I have high hopes.
Two standard HTML elements have "steel" and "leather" class-variations:
img (as noted below);
form (note the differences in appearance of the log-in forms on left- and right-sidebars here - it's the exact same HTML, exceptfor a "steel" or "leather"
class in the
I couldn't see much need for more than just those two, but since they are essentially identical in styling, it should be easy to extend those style-classes to any other elementdesired by the end-user.
:: 色妹妹网址 Background Images ::
The initial appearance for these pages relied heavily on background images to provide somebasic color-variation and texture. Since OSWD's submission-guidelines specifically say to not include images
(the implication being not to rely on them, at the very least...), those images have been removed from templates and style-sheet files alike. I note, though, that there is at least one design
that includes an image-file, so perhaps that's not so much a requirement as a preference?
If anyone wants to use the original images with the template, they (and the corresponding css files)are available online here.
:: 色小妹综合 Layout Variations ::
There are three basic layouts using this page-template set:
- Both Sidebars (
- Displays both left and right sidebars along with the (reduced-width)main page-body. More useful for a home-page than anything else, I expect,or anything that's got a lot of small items to show (in sidebars) and a fair number of more substantial content-items (in the main section).
- Left Sidebar Only (
- Displays the left sidebar and main page-body (widened to fill the available space) only.
- Right Sidebar Only (
- Displays the right sidebar and main page-body (widened to fill the available space) only. I don't expect much use for this variation,at least not in locales where the normal reading-order is left-to-right,but it's included for completeness of the template-set.
These variations are controlled solely by the stylesheet in the page's head. For purposesof demonstration, all of these variations are available in this template-archive, usingotherwise identical page-code.
:: 国产水莓 Banner-display variations ::
The template-set also includes variations to allow easy control/display of banner-ads(Are they still the necessary evil that they were on so many sites? Most of the sitesI frequent still have them...). The control-mechanism to display or not display a banner-image is as simple as adding a
class="banner" to the page's
<body> tag: The stylesheet takes care of any other positioning of the layout's elements based on that switch.
:: 动画片电影下载 CSS-driven pop-up menus ::
involved in their display...
The pop-up menus only work on browsers that adhere to enough CSS 2 to allow the
pseudo-element on arbitrary elements. Right now, that meansGecko-based browsers only, apparently.
In order to support Internet Explorer
There are two pre-set image-border classes,
.Both variants are shown below (in the standards-compliance
sectionof the page. They are intended for simple border set-ups for images in a page (and can be usedas borders for button-images without any significant difficulties).
This work is licensed under a Creative Commons License
Release from attribution requirement is open to negotiation.
© 2004 by Your Name Here