Damn!

I suppose it makes sense, but I'm disappointed anyway.

So, I'll have to tinker here. I'm still trying to solve the problem of the unchangeable font sizes, and, while I do like changing the designs around, this time it's annoying. Basic accessibility should be a prerequisite for all blog themes (templates), especially on a site as big as WordPress.com.

**If you don't have a Custom CSS upgrade, you can preview changes, but can't save them and see the blog in action.

And starting a test blog is really not such a bad idea anyway. You can still try all the themes without anyone else seeing, and you can look at the CSS code for them to see how they work (on the Design > Edit CSS page, click on the CSS Stylesheet link).

I know I said a couple months ago that I was repenting. I changed my mind. The reason is fairly straightforward: programming makes me feel stupid. Now there are a lot of ways to feel stupid, some of which I have of necessity embraced and even come to appreciate in my life. There's the kind of feeling stupid that comes because you did something oafish, but usually that also comes with making someone laugh, so I'm okay with that. There's the kind of feeling stupid that comes because you don't know something you should know, but there are few better motivators for finding out, so I'm okay with that too. There's the kind of feeling stupid that comes because after a long, stubborn fight, you find out you really are wrong, and that kind of feeling stupid is very, very good for me.

The kind of stupid I've felt in my characteristically enthusiastic foray into the world of basic progrmaming is entirely different. It's like the entire programming community has closed ranks and decided that anyone who missed the CSS bus when it pulled through town 5 years ago doesn't deserve to be on board anyway. I've found thorough step-by-step tutorials on template tags and divs and customizing CSS, [granted, full of language I only vaguely understand] but none of them do me any good if no one will tell me where to find the templates on my blog! I don't know what to search for, I don't know where to search, and after spending hours of time I really don't have feeling more and more stupid, I'm starting to wonder why I'd bother searching.

I've come to the conclusion that the remedial training that would be necessary for me to understand and use the "help" materials currently available, let alone the actual tools, would take me at least a month of concerted effort. And, since I don't regret the way I have spent any of the months of my life since the development of XHTML, this kind of feeling stupid just makes me kinda mad.

در اولین قدم مشکل CSS و طراحی بخش مدیریت هست که فکر کنم با ارائه فایل های CSS جدید به وردپرس تا حدودی این مشکل رفع بشه ( تقریبا مشکل وردپرس معمولی حل شده هست ولی برای وردپرس.کام مطمئن نیستم ) .

قدم دوم بهبود قالب های این سرویس هست چیزی که کاربران خیلی ازش ناراضین و در حقیقت فقط ۲ یا ۳ تم قابل استفاده است . در مرحله اول بهبود این تم ها برای زبان فارسی ما ۷ تم رو به نام های زیر هم اکنون آماده کردیم :
Blix ، MistyLook ، Freshy ، Almost Spring ، Pool ، ocean-mist و ambiru .
بزودی فایل های ساخته شده برای این تم ها به وردپرس.کام فرستاده می شه و پس از اون می تونید به راحتی از این تم های جدید استفاده و لذت ببرید .
× این کار با همکاری مهیار عزیز انجام شده و در حقیقت بیشتر فایل ها کار ایشون هست .
× بزودی چندین تم دیگر هم آماده می شه و این کار تا زمان آماده کردن تمامی تم ها متوقف نمی شه .

منبع

hmm, saya kasih dech beberapa template web dengan design menggunakan CSS yang keren-keren dan gratis buat di download :D

template ini saya dapat dari forum AstaTalk.com yang mudah mudahan berguna buat yang mo bikin website ato yang nyari-nyari template website :D

ini contoh screen shootnya :D

and many more!!!!!!

silahkan download disini :

http://www.box.net/shared/1dn9smmrau

:D

Don't get me wrong, I love coding. Its a great satisfaction when you see something you've worked for hours on in use by other people, and especially over this summer, that and the Olympics, it stopped my brain from turning to goo while away from school for 6 weeks.

Unfortunately, developing has its dark side. Sans the cookies.

Sometimes, things can fall on you like a drunken sumo wrestler. The stress, the pain, and then there's the hamster in your mind falling into a paper shredder.

I'm a home-ridden web developer, and I work with various languages like (X)HTML, CSS, PHP and with MySQL databases.. I do the odd thing with various JavaScript frameworks, but that's only for the pretty parts of the site that would look tacky with Flash.

For anyone outside the loop, its a nice look into the gears that work the Internet. It's not that nerdy, its just basic human function with a spanner through it all. For those who've been through it all, its just all too familiar.

Here's my top 5 reasons why it isn't worth being a web developer. No particular order, kids.

1) One little thing..

All it can take with something to hit it between working and not working is just those little damn details. It could be something silly from a misspelling or the wrong case of letter, and the whole thing works like a car with no steering wheel.

Maybe its just me who's just that little touch more careless than the rest of the globe, but if you've ever found yourself in this situation, you're kicking yourself all the way to the fridge to cry yourself a cup of orange juice. And anyway, its only the rare occasion that a proper problem crops up when coding. For me, its only ever happened once.

2) It can be a lonely drive

Lets be honest, web folk are not people you are likely to find in your social group a lot of the time. And if you are, you're very lucky.

Unless you get a few of the guys together, or you work somewhere with your own kind, coding can be a lonely business. Seriously, I've spent days on end inside infront of a computer screen, only talking to folks on the phone for a bit or talking the odd few lines on Windows Live Messenger.

A person like me, its easy to slip into insanity, and maybe even depression. At the same time, you want to leave to hook up with someone to play Guitar Hero while stoked on pizza, but you've got a project that needs to be sorted out soon, and fast. Its a hard press to decide.

3) You need to think about EVERYTHING

And seriously everything. Everything from folks who write things differently, to changes that you get when you use the same thing in different countries.

One of my personal favourites was a webapp that requires the name of a person to be written into a form. Its one of my many computer-related fetishes which sees me entering names like "Jay Leno", "David Letterman" and "Conan O'Brien" to check whether everything's working.

Mind, this was when I was just starting out, but PHP and MySQL makes a / appear before an apostrophe.. one of these things .. ' .. that you usually get with names like Conan O'Brien. Its because apostrophes are used to separate information in various programming coding languages.

Now I get more pressing issues like all the different way someone can type in a web address (http://www.wordpress.com, www.wordpress.com, wordpress.com, http://wordpress.com). It's all for a good cause though, making room for these slight variations really help the end user in a lot of ways.

4) It's a huge time eater

There was a period of around 6 months where I just didn't have the time to do web developing on a frequent basis. Reasons why, were there wasn't any ideas flowing but most of all, there was just wasn't the time to do anything for seriousness.

For me, coding takes a major time investment, and at the time, personal reasons such as socialising and the building pressure of school near leaving, added to all this mess. So I simply just put down Dreamweaver and sat and did something else.

I've only rekindled my interest in web developing recently, and all the changes that have happened in this field are incredible, moving onto my final strike on the list. All this wasn't exactly a good idea, I found myself having to reach for references for almost everything I wanted to do.

School vacations for me were heaven for this sort of activity, I could just sit infront of a computer for hours and just do what I wanted to do. Keep the flow of ideas coming and going.

5) It's hard to keep up

The web is a moving industry, and its constantly changing in ways which range from the best techniques to do certain things, and the most effective ways to design websites.

For example, when you look at the state of the Internet in the 90s, its all <marquee tags>, blue backgrounds on yellow text, bad uses of underlining and the almost disuse of CSS. Now, if you tried to pull that off, you'd have eggs fired into your eyes. That's the idea of how much the web has changed, and its showing no signs of slowing down. Over the space of three years, AJAX has taken off, Twitter has become a bloggers tool and the iPhone has changed the face of the mobile web.

It's all about keeping inside the loop while being a developer. Simply reading up on how to code simply won't cut it. You need to stay informed about everything, or you risk being left behind. Although this can be just a tiredly business, more than actually getting down and dirty itself.

And there you go. Don't throw daggers at my front door for this. It's nothing designed to put people off from becoming web developers, its just a little uncut, uncensored and tasteful look behind the usually closed doors of coding.

Sleep tight.

Basically there are two rules for style.

The html tag.
Specification of that tag. (declaration)

Syntax is
{
Specification…
}

For example br{ color: red;
}

h1
{ color : blue;
}

Using css is a good practice for any web developer. Because by editing a single css file you can change a lot in your web page. Also a huge amount of code is eliminated using css.

 Initial Post - Oct. 10, 2008.  I've set up this blog to focus on technically specific issues.  Any interaction regarding web development is welcome.

Press This

I had two div's side by side, the second had content that would dynamically change and therefore change the height of the column. I wanted them to be the same height constantly. My problem was that I had an image that I needed to be aligned to the bottom of the first, so I set it as the background with the approriate alignments (background:#ffffff url(image.png) bottom left no-repeat;). I tired various methods including the faux column, messing with different display attributes in the CSS.

Just to add on a brief but valid point, messing with displays is a good way of confusing yourself and wasting time. If changing displays doesn't work when you've added them simply don't over complicate them, changing them for every different element! I know this seems a little simplistic, but I've found what works for me is to keep the html and css simple, its more cross browser friendly and it will keep those grey hairs at bay for at least 50% longer!

I was figuratively pulling my hair out until I simply switched the div's to a table and volia! Instant success and not the cheap kind. I tested it (throughouly) and so far works like a charm. Why is there then, so much drama then when the words tables and layout are put together? Generally yes I use a tableless design but for this instance it works and does what I need it to.

I will not be excluding tables from my plans in the future if they seem to work! huzzah!

CSS Formatter and Optimizer

http://www.codebeautifier.com/

http://www.cleancss.com/

http://www.cssdrive.com/index.php/main/csscompressor/ - a online CSS compressor, powered by CSS Drive.

http://iceyboard.no-ip.org/projects/css_compressor - another CSS compressor.

http://www.cssoptimiser.com/

http://flumpcakes.co.uk/css/optimiser/

http://www.prettyprinter.de/

CSS Layout and Menu Generator

http://csscreator.com/?q=tools/layout - online CSS layout generator for you to create a fluid or fixed width floated column layout.

http://www.inknoise.com/experimental/layoutomatic.php - Layout-o-Matic automatically generates CSS layouts.

http://www.wannabegirl.org/firdamatic/ - an online tableless layout generator that allows you to create and customise layouts easily.

http://www.positioniseverything.net/articles/pie-maker/pagemaker_form.php - CSS source ordered variable Border 1-3 columned page maker.

http://www.qrone.org/cssdesigner.html - online CSS style generator.

http://www.scriptomizers.com/css/stylesheet_generator - a CSS stylesheet generator.

http://www.colly.com/scripts/rollover.html - CSS rollover generator.

http://www.webmaster-toolkit.com/css-menu-generator.shtml - CSS menu generator.

http://www.listulike.com/generator/ - create cross-browser list-based navigation bars.

Miscellaneous Tools

http://www.roundedcornr.com/ - the king of online rounded corners generators with gradient.

http://www.theboxoffice.be/ - lets you wrap/float/contour text around freeform images using CSS.

http://riddle.pl/emcalc/ - estimates Em size equivalent to px size.

http://www.css-ref.com/ - test your CSS code.

*Updates

http://services.immike.net/css-checker/ - find CSS selectors that aren’t used by any of your HTML files and may be redundant.

* Updates

http://www.cssfly.net/ - easy source code viewer and editing websites directly.

Spice-up your webpages with cool looking and totally customizable context menus with this easy to install script. No html editing, except adding a few lines of JavaScript code and modifying an xml file.

ContextMenu.XML comes with a set of 11 predefined skins – Acid, AcidMachine, Blue, Default, Green, Mac, Office2003, Office2007, Orange, Red and WeMakeSites, but users can easily create their own skins by modifying an existing skin or creating one from a scratch.

ContextMenu.XML allows users to disable items, to add custom functions or URLs, set item icon, checkboxes, define width of menu and even to disable the rendering of the entire context menu, as well as a couple of other handy features.

ContextMenu.XML works with Internet Explorer 6/7/8 and Mozilla FireFox 2/3, as only these two browsers allow scripting of the context menu. Safari, Opera and Google Chrome gracefully degrade and display browser’s context menu.

View online demo of ContextMenu.XML
Visit the home page of ContextMenu.XML
Download ContextMenu.XML

Now there is a Arabic translation (in trunk), so I thought I would go through the process again and hope it is useful. The framework has changed substantially also, so it was due. In this post I will outline the steps to turn a LTR portal (the Michigan CTools) into a RTL portal for some hypothetical university where Arabic is the main language. Disclaimer: I took Arabic in college, but it is long forgotten - so I am relying on random boilerplate and on iGoogle's translator service for example strings. Don't read too much into it!

In a future post I will go through one or two tools in a similar fashion.

1. Use trunk. Add 'ar' to the locales attribute in sakai.properties, start tomcat.
2. Login as admin. Create a user, give him a RTL name. In this case I used داود سيلڤَر (with a Latin id if you are not a RTL speaker, I used daud).
3. We will want داود to mess around with tools as 'mantain' to get the full experience so create a site and add him as mantain. I used boilerplate Arabic for site title and description.
4. Login as 'daud'
5. Change your Preferences > Locales to 'Arabic'

First thing - let's add a direction attribute to the portal body:

body{
	width: 100%;
	padding: 0;
	font-family: 'Trebuchet MS',Verdana,sans-serif;
	margin: 0;
	background: #fff;
	direction: rtl;
}

This gets us started. All HTML elements that inherit this attribute and use it will reverse direction. Unfortunately the portal is not much affected, but it is a start.

Some things will need to be addressed substantially: 1) the orientation of the mast head needs to be fixed so that from RTL: logo, banner, login; 2) site list orientation; 3) the portlet title (Announcements) also needs to be reconfigured as well; 4) finally - the portal content needs to be from RTL: tool links, content.

Reorienting the mast head

We have this mess to contend with:

I have outlined the three components in red. From LTR: #mastLogo, #mastBanner, #mastLogin. They are all floated. We need to reverse the order, so let's reverse the float:

#mastLogin{
  /*float:right*/ float:left
}
#mastBanner{
  /*float:left*/float:right
}

That is it - really. Am omitting all of the other attributes. Which gives us:

The order of labels and inputs is following the direction attribute of the body. Everything else needs work. Am going to hide #mastLogo because we do not need it. Any graphic element can be poked in as a background of any of the (embarrassingly numerous) other canvases available. I will also add different logos and background colors.

So - new image for banner_inst.gif and reverse the padding orientation on #mastLogin:

#mastLogin{
	float: left;
	text-align: right;
	/*padding-right: 15px;*/padding-left: 15px;
	vertical-align: top;
}

Which leaves us with:

The language bundle seems to be missing the Arabic equivalents for the input labels, but the position basics are in place: logo to the right, login to the left.

Reorienting the site navigation

We are left with:

Swapping the floats (links and select) reflect the importance of the 2 in the RTL context:

#linkNav{
	/*float:right*/ float:left
}
#selectNav{
	/*float:left;*/ float:right
}

Although the the direction:rtl in the body gets us the RTL select, it does not flip the orientation of the inline list that the site links are, a list is a list and has an order. We will need to be more devious...

#siteLinkList li{
	display: inline;
	float:right;
}

Reorienting the content

#toolMenuWrap {
     border-right:2px solid #FFFFFF;
     color:#000000;
     /*float:left;*/ float:right
     padding:0 0.5em 0 0;
     text-align:right;
     width:9.6em;
}

and the margin of the other

#content{
	padding: 0;
	margin-top: .5em;
	/*margin-left: 11em;*/ margin-right: 11em;
}

and the text-align of the #toolMenu list items:

#toolMenu li{
	margin: 0;
	width: auto;
	padding: 0;
	border: 1px solid #fff;
	/*text-align: left;*/text-align: left;
}

Not bad, although quite a bit of clean up left to do (the presence block, the portlet titles (which are in the portal doc of all things) for example, the footers, etc.) And being ignorant of the actual use and needs, quite a few things I have overlooked as well - do leave comments setting me straight. I will upload the finished skin later. I will also address soon the skinning of the tools (gulp).

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

There are several versions of HTML and XHTML available and the DOCTYPE tells the browser which is presently in use. The DOCTYPE mentioned above is XHTML 1.0 but the content of those lines change depending on which method you use. A list of DOCTYPES with corresponding code can be found here: http://www.w3.org/QA/2002/04/valid-dtd-list.html

DTD stands for document type definition and is a list of the rules to follow for a particular document type. If you're using XHTML 1.0 for example, then there's a set of rules you need to live by. When your page is validated (at http://validator.w3.org/) it is checked against the XHTML 1.0 DTD. (Incidentally, using the aforementioned validator is the fastest, most painless way to find any errors in your (X)HTML).

The W3C is the organization that determines the rules -- or standards -- that we follow when making Web pages. They decided that a Web page can be produced according to one of three (X)HTML methods: frameset, traditional, or strict. (You'll notice "W3C," "DTD," and "Transitional" in the line that begins <!DOCTYPE . . . ). Frameset is used if you're planning on using frames in your design. Strict is, well, strict, in its interpretation of the rules set forth by the W3C, and Transitional is similar to Strict but a little easier on the rules.

The original plan was that if you're not using Frameset, you should be using Strict. The W3C recognized that some sites were big enough to have difficulty changing from the old HTML methods to complying with the Strict rules of today. So they allowed for the use of Transitional which is, as I said, less strict. But Transitional was meant to be just that -- something to tide you over on your way to Strict. I don't believe it's worked out that way, at least not yet. Most of those who have made the change have settled on transitional and I suspect have little to no interest in changing.

Let me be clear, nothing terrible happens if you do not convert your old, incompliant HTML. A browser will still do its best to render your page the way it thinks best. But there are benefits to becoming standards compliant, not the least of which is it helps your pages be more accessible for users of screen readers.

Let’s add the stylesheet reference under our top two lines:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

<head>

<title>This title is found at the very top of the browser</title>

<link rel="stylesheet" href="css/master.css" media="all" type="text/css" />

</head>

The page title and a reference to an external stylesheet are found within the opening and closing <head> tags.

The page title, which is read by the screen reader and therefore important, should be descriptive enough to provide the screen reader user with a good indication of the type of information that can be found on the page. Calling it “Page Title” or leaving it blank is not much help.

The next line concerns an external stylesheet. It tells the browser what type of file (type=”text/css”) it is and where it is located (href="css/master.css") – this one is called master.css and is found in a directory called css. This is how the XHTML page is connected to the stylesheet. Every XHTML page of the site needs this CSS reference line within the <head> area of the page. There’s lots more stuff that can go between the head tags but obviously I’ve just talked about the title and css file reference here. I’ll discuss other <head> tags later.

Next we’ll take a look at some useful styles that benefit screen reader users.

These days I can’t get Jager Yoga by CSS out of my head! I knew CSS from Let’s Make Love and Listen to Death from Above and I thought that was very funky and cool. Now I’m a bit tired of it, tbh, but that’s just because I’ve played it too much. Every now and then I change the songs I listen to, that way I keep discovering new music and never get really sick of a song. I also discover which songs I really love, since I keep them in my playlist, like most of my fav punk bands, for example, The Offspring can never do anything wrong in my eyes!

Anyway, Jager Yoga is cool. It has a great drum solo at the start, which gets you going and it bursts with energy. Then the bass kicks in, which is just excellent, after which the guitar follows and it builds up from that. When Lovefoxxx starts the vocals the song changes pace, which is wonderful and her unique sound keeps you interested. I have no clue what they’re singing! I can never sing along with any of CSS’s songs, since I simply can’t imitate the vocals. They apparently put in a lot of Portuguese stuff as well, since they’re from Brazil, but I don’t speak Portuguese! I don’t care though. Lovefoxx sometimes sounds like a provocative zombie. Provocative since she seems to be mocking whoever listens to the songs and zombie-like since she’s very monotone. I love it! I wished they’d make this into a Guitar Hero song!

Lyrics

Oh my god it's so hot
Oh my got it's so gold
Oh my god I'm so messed up
I don't know which way to go

Stars above try to guess
where's my gin, where's my glass?
All this mess comes from your ass
Fuck with us we are CSS

We didn't come into the world
to walk around
We came here to take you out
Come with us, we'll make a toast
For this time about to come
Don't mess my holiday
Don't mess my holiday

Oh my god it's so low
Oh my god it's so high
Ab-Fab, Claudia Ohanna
Dry Martini crossed my eyes
Ask the stars what they say
Desperate living, Hairspray
Baltimore with Tanqueray
Live your life John Waters' way

Patsies and Edinas
High on Vitaminas
Monday at the club
drinking from the tub
The day starts weekend style
There's a piece of dirt in your smile
Hold your body on your legs
Your mouth is stuck to a thousand fags...