منتدى استراحات زايد

منتدى استراحات زايد (http://vb.ma7room.com/index.php)
-   منتدى أخبار المواقع والمنتديات العربية والأجنبية (http://vb.ma7room.com/forumdisplay.php?f=183)
-   -   vB4's new style - My revision and opinion (http://vb.ma7room.com/showthread.php?t=86138)

محروم.كوم 04-24-2009 06:11 AM

vB4's new style - My revision and opinion
 
After reviewing the blog post highlighting the new upcoming theme of vBulletin 4, I had mixed feelings. From a coder's and designer's standpoint, I feel it is already restrictive in a lack-of-fluid framework type of way. I like the idea of the new homepage, but it seems a bit uneasy and not very structured. Though I see how it works and why it works, when you look at it for a customized standpoint, it seems like people will need to undo the new theme before they can build off of it.

Of course, I don't know how the new template system revision works, but just from a 3rd party perspective in what can be done, I'm worried. CSS iis definitely the right step and tableless CSS (when not needed for tabluar data) is definitely needed. However, from the looks of the new theme and my experience with the new templates added in 3.7 and 3.8... The following concern comes to light:

Using CSS only where is needed to reduce amount to revise...?

That being, do you have a set class that will modify a piece of data, used in more than one spot and in more than one condition? An example is the light grey floating data as seen in the preview for statistical data representation. As it seems, there's more than one way to style this, which has been shown by the placement of of those that actually float and other than do not.

An example of what seemed perfect for a framework point of view is tcat, thead, and alt1/2, where it remained consistant and changes would effect all areas of the forum without a large chance of a killing the custom style being added (or rather, requiring more work than needed to get a work around).

The main concern is if there will be too many classes of CSS that define many elements that could just be defined by one class to retain consistancy throughout the framework; thus not having an opinionated style addition into a given template just to make it 'fit'. I would hope there isn't a huge length of lines in the CSS like within Wordpress that just overly define and add changes that weren't needed for framework.

Yes, I realized I explained the concern three different ways, but that's just for clarity. I've seen the same problem in each preview, where it seemed like it was forcing a given style on you and thus you must adapt or people that want the more traditional feel to customize in, must strip the system and rebuild and even edit templates as needed, for CSS needs (not data structure as it would be preferred as the only need to edit templates).

Attached, I've reworked the graphics and basic structure, though heavily referenced off of Kier's design, to create what I'd see as a more fluid framework to work off of, while still giving style. Namely, the arrangement doesn't require much of a CSS work around and is simple enough to build off of while each element uses the same 'style' and thus no conditional waste-of-a-CSS-class is needed. This would, as well, ensure the CSS is nicely compact and only the diverse elements would need style.

Some may not like it, that's fine, but it's just a "if I was to design vb4 based off of the current concept". I've also uploaded the picture at the location below, due to vBulletin auto-resizing attachments:



Attached Images http://www.vbulletin.com/forum/images/attach/jpg.gif vbulletinv4.jpg‎ (79.1 KB)


الساعة الآن 09:32 AM

Powered by vBulletin® Copyright ©2000 - 2025, Jelsoft Enterprises Ltd.
Content Relevant URLs by vBSEO 3.5.2 TranZ By Almuhajir


1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155 156 157 158 159 160 161 162 163 164 165 166 167 168 169 170 171 172 173 174 175 176 177 178 179 180 181 182 183 184 185 186 187 188 189 190 191 192 193 194 195 196 197 198 199 200 201 202 203 204 205 206 207 208 209 210 211 212 213 214 215 216 217 218 219 220 221 222 223 224 225 226 227