Friday, November 14, 2008

Introduction

by Maurizio Marsico

MilanoDesignTimeBand. Namely a composer, an architect, an interior designer, a singer songwriter. Namely four artists that design, execute, exhibit with a rock attitude.
Like they once were in Brera in Milano, the Village in New York, the Rive Gauche in Paris or Bloomsbury in London today the net is a place in which you can be. In that place a blog becomes the café or bookstore or factory around which a group of artists or intellectuals or msicians or friends or all of the above can meet to to share ideas, projects, dreams. In fact the self same blog (http://designbandmilano.blogspot.com) is the 'place' in which MilanoDesignTimeBand was formed and designed it's show.
A temporary, contemporary, extemporary show the that comes out of the net to materialize by interacting with local realities.
A show composed of multiple, parallel events that take place in the span of one week's time: "The Invisible Collegium of Lucid Dreams and other stories".


(in italiano)
















notes_ "to wit" ("ovvero")
"a.k.a." might work.
"that is to say" might work. too long, blows the rhythm.
"in other words" idem
"namely"

Introduction

by Maurizio Marsico

MilanoDesignTimeBand. Namely a composer, an architect, an interior designer, a singer songwriter. Namely four artists that design, execute, exhibit with a rock attitude.
Like they once were in Brera in Milano, the Village in New York, the Rive Gauche in Paris or Bloomsbury in London today the net is a place in which you can be. In that place a blog becomes the café or bookstore or factory around which a group of artists or intellectuals or msicians or friends or all of the above can meet to to share ideas, projects, dreams. In fact the self same blog (http://designbandmilano.blogspot.com) is the 'place' in which MilanoDesignTimeBand was formed and designed it's show.
A temporary, contemporary, extemporary show the that comes out of the net to materialize by interacting with local realities.
A show composed of multiple, parallel events that take place in the span of one week's time: "The Invisible Collegium of Lucid Dreams and other stories".


(in italiano)
















notes_ "to wit" ("ovvero")
"a.k.a." might work.
"that is to say" might work. too long, blows the rhythm.
"in other words" idem
"namely"

MilanoDesignTimeBand blog link

MilanoDesignTimeBand blog.

MilanoDesignTimeBand blog link

MilanoDesignTimeBand blog.

prove di colori del sistema blog

-

prove di colori del sistema blog

-

Wednesday, November 12, 2008

PROVA TECNICA

questa pagina serve a capire come regolare i vari elementi presenti in questo formato di blog.
OK

PROVA TECNICA

questa pagina serve a capire come regolare i vari elementi presenti in questo formato di blog.
OK

Post Title, original

based on Son of Moto (Mean Green Blogging Machine variation)
Post body, text goes here.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec molestie. Sed aliquam sem ut arcu. Phasellus sollicitudin. Vestibulum condimentum facilisis nulla. In hac habitasse platea dictumst. Nulla nonummy.
(Variable name="bodyFont" description="Text Font" type="font" default= normal normal 100% tahoma, 'Trebuchet MS', lucida, helvetica, sans-serif, CSS_.main p, .sidebar p, .post-body: line-height: 140%; margin-top: 5px; margin-bottom: 1em; )

this is a link
(color:$linkColor=#669922, Variable name="mainTextColor" description="Text Color" default="#555544" value="#555544">)
(color:$hoverLinkColor=#88bb22)

CSS_dateHeaderColor-#555544, h2.date-header, color: $dateHeaderColor;

CSS_.post-footer_font-style:italic

ELIMINARE QUESTA ROBA o L'IMMAGINE DIVENTA L'HEADER
#header-wrapper
background: #8b2
url(www.blogblog.com/moto_son/headbotborder.gif) bottom $startSide repeat-x;
this is the repeating diamond pattern as a background below the header.
margin: 0 auto;
padding-top: 0;
padding-$endSide: 0;
padding-bottom: 15px;
padding-$startSide: 0;
border: 0;

Wrapper___________________________________
THIS CONTROLS THE BODY BACKGROUND
#outer-wrapper
margin: 0 auto;
border: 0;
width: 692px;
text-align: $startSide;
background: $mainBgColor url(http://www.blogblog.com/moto_son/innerwrap.gif) top $endSide repeat-y;
font: $bodyFont

PER MODIFICARE LA LAGHEZZA COMPLESSIVA
/* Inner layout___________________________________ */
#content-wrapper {
padding: 0 16px;

[400 + 226 = 626] + [4(16)=64] 690
(header width=692, the difference will be ??? )
#main
width: 400px;
float: $startSide;
word-wrap: break-word;
overflow: hidden;

/*sidebarHeaderColor-#555544 */
#sidebar
width: 226px;
float: $endSide;
color: $sidebarTextColor;
word-wrap: break-word;
overflow: hidden;

/* Wrapper___________________________________
#outer-wrapper {
margin: 0 auto;
border: 0;
width: 792px;
text-align: $startSide;
background: #fa7792 url(http://www.blogblog.com/moto_son/innerwrap.gif) top $endSide repeat-y;
font: $bodyFont;
}

Post Title, original

based on Son of Moto (Mean Green Blogging Machine variation)
Post body, text goes here.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec molestie. Sed aliquam sem ut arcu. Phasellus sollicitudin. Vestibulum condimentum facilisis nulla. In hac habitasse platea dictumst. Nulla nonummy.
(Variable name="bodyFont" description="Text Font" type="font" default= normal normal 100% tahoma, 'Trebuchet MS', lucida, helvetica, sans-serif, CSS_.main p, .sidebar p, .post-body: line-height: 140%; margin-top: 5px; margin-bottom: 1em; )

this is a link
(color:$linkColor=#669922, Variable name="mainTextColor" description="Text Color" default="#555544" value="#555544">)
(color:$hoverLinkColor=#88bb22)

CSS_dateHeaderColor-#555544, h2.date-header, color: $dateHeaderColor;

CSS_.post-footer_font-style:italic

ELIMINARE QUESTA ROBA o L'IMMAGINE DIVENTA L'HEADER
#header-wrapper
background: #8b2
url(www.blogblog.com/moto_son/headbotborder.gif) bottom $startSide repeat-x;
this is the repeating diamond pattern as a background below the header.
margin: 0 auto;
padding-top: 0;
padding-$endSide: 0;
padding-bottom: 15px;
padding-$startSide: 0;
border: 0;

Wrapper___________________________________
THIS CONTROLS THE BODY BACKGROUND
#outer-wrapper
margin: 0 auto;
border: 0;
width: 692px;
text-align: $startSide;
background: $mainBgColor url(http://www.blogblog.com/moto_son/innerwrap.gif) top $endSide repeat-y;
font: $bodyFont

PER MODIFICARE LA LAGHEZZA COMPLESSIVA
/* Inner layout___________________________________ */
#content-wrapper {
padding: 0 16px;

[400 + 226 = 626] + [4(16)=64] 690
(header width=692, the difference will be ??? )
#main
width: 400px;
float: $startSide;
word-wrap: break-word;
overflow: hidden;

/*sidebarHeaderColor-#555544 */
#sidebar
width: 226px;
float: $endSide;
color: $sidebarTextColor;
word-wrap: break-word;
overflow: hidden;

/* Wrapper___________________________________
#outer-wrapper {
margin: 0 auto;
border: 0;
width: 792px;
text-align: $startSide;
background: #fa7792 url(http://www.blogblog.com/moto_son/innerwrap.gif) top $endSide repeat-y;
font: $bodyFont;
}

Outerwrap BordinoFucsia+OmbraGrigioTrasparente


https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFnig-TOiJJp-4GB7c7Yk0sraSDTb-F5NvV73OABgxtV9UHFVyIVNcUerLRuLE58L4A3PtGsM0lA5umZWOedPL7a3xEVbdSFyyvYQHm50Os8fMohgcv64ikP52dTblxcCeFhmO_MZPz58/s1600/outerwrap_grigioTR_722-690x12.png



note: this one came in 320 x 6. I don't know why.
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIOOnMl_FuCnwX8GH2DeuBpzbmFXkqtt_YbuH0wkJrQV_KOZiv6C8h8ZaGaRmmKcXIwUF1DOQ59-qQTLe8aVcc2e3W4JfHWJKAKgwISYExkdnbcDQs-bea4MikM7nhWv_wW7dYBTDu2Tk/s1600/outerwrap_grigiofucsiaTR_722-692x12.png


previous

dimensioni complessive:722x12
dimensioni 'carta': 692px
grigio, paper 692px x12, #fdfdfd
grigio, paper 691px x12, #fdfdfd
bordo fuscia #fa7792

Outerwrap BordinoFucsia+OmbraGrigioTrasparente


https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFnig-TOiJJp-4GB7c7Yk0sraSDTb-F5NvV73OABgxtV9UHFVyIVNcUerLRuLE58L4A3PtGsM0lA5umZWOedPL7a3xEVbdSFyyvYQHm50Os8fMohgcv64ikP52dTblxcCeFhmO_MZPz58/s1600/outerwrap_grigioTR_722-690x12.png



note: this one came in 320 x 6. I don't know why.
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIOOnMl_FuCnwX8GH2DeuBpzbmFXkqtt_YbuH0wkJrQV_KOZiv6C8h8ZaGaRmmKcXIwUF1DOQ59-qQTLe8aVcc2e3W4JfHWJKAKgwISYExkdnbcDQs-bea4MikM7nhWv_wW7dYBTDu2Tk/s1600/outerwrap_grigiofucsiaTR_722-692x12.png


previous

dimensioni complessive:722x12
dimensioni 'carta': 692px
grigio, paper 692px x12, #fdfdfd
grigio, paper 691px x12, #fdfdfd
bordo fuscia #fa7792

Format Tests



This is Son of Moto (Mean Green Blogging Machine variation), from initial Blogger choice


Test Site

Blogger Template Sites
Our Blog Templates
Freeskins
Blogspot Template
Isnaini.com_blogger-templates
Sure 'nuff' n yes I do

Totally Fuzzy
BlogCrowds
BlogCrowds_son of moto

Blogger Blogs
Bloghacktips.blogspot.com/
Gamespcrip.blogspot.com/
Vallegiulia.blogspot.com/
Design-Mind.blogspot.com/
Portrero-ist
Dale McLain, Sea Dream Studio Silvia's choice
Roulette
The Royal Shaadi
Amybella's Colorful World

BloggerDesignStudio
Eewebscapes.com_blogger-design

Blogger_formati
header 675 x 000
colonna 500 x 000

Format Tests



This is Son of Moto (Mean Green Blogging Machine variation), from initial Blogger choice


Test Site

Blogger Template Sites
Our Blog Templates
Freeskins
Blogspot Template
Isnaini.com_blogger-templates
Sure 'nuff' n yes I do

Totally Fuzzy
BlogCrowds
BlogCrowds_son of moto

Blogger Blogs
Bloghacktips.blogspot.com/
Gamespcrip.blogspot.com/
Vallegiulia.blogspot.com/
Design-Mind.blogspot.com/
Portrero-ist
Dale McLain, Sea Dream Studio Silvia's choice
Roulette
The Royal Shaadi
Amybella's Colorful World

BloggerDesignStudio
Eewebscapes.com_blogger-design

Blogger_formati
header 675 x 000
colonna 500 x 000