formed

Archive for the 'design'

Inevitably, you deal with visualization aspects, when screwed together, and runs a blog. Finally, one can not expect that all the familiar so on the platform how to subscribe yourself just the way RSS feeds that can not be made very clear Genung. Otherwise all visitors rushing off again without something to take later.

A very excellent collection of freeware RSS icons you see here - from very unpretentious to a crash. Those who from then disappears without to have been found, well, then the help is not well.

Playing with blocks improves creativity, they say. This is seemingly always and everywhere. Even in my time as a computer science student at the Technical University Hamburg-Harburg, we tinkered with fishing technique to obtain functional images of reality into a manageable size, we could then control with the code.

Make with Lego advertising - an interesting idea. Here, then 39 Creative Lego Advertisements . The ideas are not without interest for us photographers - after you go often enough for the most memorable, graphic-pictorial representation of facts. Why not with Lego?

You probably know the "WordPress Default" Theme, also known as "Kubrick". This theme is generally based on our "environment" theme, although it was modified so that it is not immediately noticeable. Many consider "Kubrick" to be outdated, because you've seen it too often. In principle, this may be true, if it sends into the race completely unedited. But we have decided because of the strengths of the themes for the use, set up the theme again and now use it for this blog.

The sidebar, so the side bar with links, keywords and categories, for many users a familiar sight, and often it comes with additional plug-ins jazzed, we use, for example, including the Flickr Badge widget for presenting your own photos at Flickr. "Kubrick" shows in their original state but not in all situations, a sidebar. Many feel this is a problem. How to change the stands here . Initially, we had also changed for all sorts of views, but at least a single view of products 0hne sidebar holds untapped potential. One could in fact increase over a few small changes in the style sheet (style.css) is simply the display area of the single article view and use as the space of the missing sidebar useful.

We are looking for the following entry in the style.css

.widecolumn { padding: 10px 0 20px 0; margin: 5px 0 0 150px; width: 450px; }

and change it as follows:

.widecolumn { padding: 10px 0 20px 0; margin: 5px 0 0 70px; width: 600px; }

By the margin value of 150px to 70px was lowered, moves the left edge of the article to the left, there is the free boundary in the original unused now used for the display of the contribution. The Width -value was now from 450px to 600px increased, thus the item will appear wider and therefore uses the space otherwise occupied sidebar. Especially for long articles may be advantageous because the user is scrolling not so often in order to reach the end of the article.

A disadvantage of this method is that the user has to scroll up again to return to the home page and therefore the sidebar again at our disposal. The drawback, we have a box fixed on the end product, in the - visually aware of other display raised - find the main navigation links. This box is also used for other purposes, but more in a later article.

Let's say you want to allow your visitors to a page layout customized experience comment. Standard, these colorless boxes with black lettering in your visitors' name (required) "," E-mail (will not be published) (required) "and" Web Site "and enter the comment text. Since you now want to add a little color or even a picture? No problem, this is accomplished in a few moments.

First, you just need an idea of ​​how that should look like. Would you like a color or a picture? Then you open the dashboard of Wordpress style.css and look for phrases like these:

#commentform input or #commentform textarea . (The special in your case may also contribute slightly different names, but if you see the same code, but you have a clue as to what should be found in the appropriate place.

#commentform input {
width: 170px;
padding: 2px;
margin: 5px 5px 1px 0;
background: url('images/kubrickbgcolor.jpg');
color: #ffffcc;
}

"Width" determines the length of the input field, "padding" the padding of the content to the edge and "margin" a transparent distance to the next item. Filled while "padding" with the color or the image of your choice is, is the "margin" is actually transparent, and looks just like your page, where you present your content. (The CSS references can be found here and here ).

In the case of our hand, we wanted to have the background like in the input fields. Accordingly, we have added the path to this same image file: background: url('images/kubrickbgcolor.jpg');

Since this is quite dark, we have with color: #ffffcc; the text color matched a bright interior. After all, your visitors can read what they write.

Would you prefer a color instead of a picture? Do not replace issue, just the background: url -section with this: background: #000000; . The example is coded black, but you can also enter any other color.

Similarly, complement the range #commentform textarea in the same way.

Our results you can see below this article for example, if you read it in single view.

Good light and good nuck!

It was about time that formed a co-author gets. I'm Hechelbach. My real name I've forgotten by retrograde amnesia. How it came about that I found in a small stream, therefore I can not say unfortunately. The fact is: Because it has taken me panting for this very river, my name is now Hechelbach. (Hechler Bach sounded to bejuwarisch for the North German Plain.)

My interests are varied, sometimes silly. I baldo were happy about the garden, love the summer and like the old Winnetou and Winnieh Pooh movies. I like programming and I support my co-author of artifice in implementing their design ideas. A jack of all trades, I am not, however, rather Autididakt and by nature to experiment, so I suggest one or the other in the network and to draw my conclusions from it.

Where I lived before, I do not know, but I always, when it comes to Stralsund and Rügen,'m excited like a kid on Christmas, it seems likely that somewhere I have my roots there. (. However, I feel like if it goes for Italy or Portugal) Now I live with my new family in Hamburg, right on the water, and - as you can imagine - I have suffered because of my dream in front of a lot of fear, the Balcony I enter with my water wings and duck belly ring.

I could tell you now that I Theodor Fontane, Quentin Tarantino and Eduard Mörike like all the "Lethal Weapon" films know by heart, and fennel tea drink like there's no tomorrow, but I will not bore you. It's up to me to report on the technical side of change and evolution of this WordPress theme. Maybe you'll find something for which you use. Then you resort to calm. A small note in your web site we are pleased (that artifice and me) forever, otherwise I wish you much happiness in the network and especially here with us.

Good light and good nuck!

Hechelbach

PS: Whenever you see my picture at the beginning of an article is something reported in the areas of CSS, PHP or XHTML. Because you can use for reference.

Vigilance, vigilance had, at times just to make room. The theme is really good, but I have in recent weeks, the default WordPress theme, Kubrick, sometimes re-interpreted and now need a test platform with real content. Environment must now be tested and proven!

Striking first, the design changes. The proportions of Kubrick are the same, but the appearance has been set up from scratch. Green and brown are - according to the nature - the predominant color, but yet I have omitted "roaring" and more colors used the "capped" variation. According to CSS were all text colors (link, visited links, headings, ...) adapted this color scheme.

Even otherwise was screwed under the hood to much. The basic principles, however, I have left, because Kubrick is one of the best themes in this regard at all. It is classic, uncluttered, easy to operate very well and makes the user is not an insurmountable hurdle - you feel right at home. But why in the single view of an article must disappear the entire sidebar, I've always been a mystery. This is different - the elemental content (tags and categories) appear also here.

After appropriate marking an article about the special box in edit mode as "topartikel" and a corresponding value can I identify it as my favorite bloggers - they have to eventually do not always match the most visited posts. The search field has been completely redesigned, with its own background, but no search button. In marking the text is new - relevant passages are now highlighted in green (like a highlighter pen), then the text color changes from white to black. A tag cloud is implemented in the sidebar, which can otherwise only get a plug-in.

The author of an entry appears in Artikelfuß and can serve as a basis for singling out one particular author. Also in Artikelfuß now has the information, how much time has passed since the publication. The plug-in "wp-dhTimeSince" performed outstanding service.
The entire head is a "home zone" - click through to get back to the home page. There are mainly small things that have been modified and replaced. The language files have been modified - new phrases are added, and accordingly translated into German, the existing translations revised and adapted to my needs.

About the difficulties, the issues and support for solutions on the net I'll be my co-author Hechelbach future report from time to time - although there are resources on the subjects of PHP, CSS, XHTML and Co. (almost) a dime a dozen, but not each source in this respect is equally well suited.

A feedback would be great - when it gets stuck, where missing translations, which is good?

Particularly bad weather days as the current offer in to the blog once to give a fresh coat of paint. You simply slip under the WordPress hood and look at times in peace in the stylesheet (the layout files) to. Such design-defining files end with CSS (Cascading Style Sheets for).

Then of course raises the question of the color scheme. To draw at random in the color box usually ends in disaster. Seen in color. Really really to colorful pages that already bordering on negligent assault, abound on the net. But you can do something about it! Imagine you and restrained colors to match together.

The necessary code for colors you can pick out naturally in graphics programs with the color eyedropper tool and then apply the appropriate string. Or just go to beat at the following links:

Color palette, color-hexa-code HTML : In addition to the standard colors are also found numerous shades.

Colr.org - play witth colors and color schemes : You can be a random Flickr image, a separate, from the side of a web page or uploaded to select colors and see changes to the color code.

Color Palette Generator : Here you select your own image from your hard disk and analyze the colors. Alternatively, there is also a list of examples from other users and upload images. For 9, 25 or 47 (Expect a matter of luck?! 7 times 7 is ... well, at least not 47 We send the bloggers here working away again to the elementary school), 49 colors of the hexadecimal code is displayed, while average values ​​are also possible. It's great that these colors are next to or below the other - making it easier to decide whether and how they work together or not. Example 1 , 2 and 3 illustrate the times from the list. (If you creep up the feeling of having seen the picture of Example 3 times already, then you need only a glance at the head of this page to submit.)