Веб дизајн, ваши страни

[SkyDriver]

Lakers Fan Site

Проект за на фах. па не се замарав (многу)

Од неофицијални извори имам слушнато дека во коалиција со некој професор имате направено некаква си страна поврзана со GPS и слично (незнам точно за што станува збор) па ако е ова точно и ако страната е готова де постирај ја да ѕирнеме

 

[oglas1]

ova e nasa strana www.oglas1.com

 

[Nocturnal]

ај и од мене (не работам сам, работеме заедно со еден другар)

СОУ „Гошо Викентиев“ Кочани

дизајн + CMS.
прво место на „МАССУМ Образовното Рандеву 2009“

AeroEmpire

дизајн + темплејт за wordpress.


и сега најново е 0.mk у соработка со G6host

+ eден завршен проект шо чека да биде објавен...


поздрав

 

[TheForce]

Како прво здраво на сите,незнаев ова дали да го напишам па еве се одлучив некако...
__________________________________________________________________

Време на работа 10-12 дена по неколку часа на ден онака релаксирачки...
Мој html код,користев 2-3 javascript за ефекти...
Како што можете да видите ставив неколку/видеа,slideshow,poems,неколку пораки и така бев малце ограничен со време и неможев да го направам баш како што сакав али тоа е...Иначе сајтов и го посветив на една другарка на која и беше роденден денес. jbg Штета што е на free хост... чекам ваше мислење...ај позз..

happy-birtday

 

[Pluh]

Знам дека темава е за ЛИЧНО изработени страни, мојава е со готова скрипта, само многу го изменив со дизајни модови и се такви работи, па ако може да ми дадете предлози
http://sp-mk.com
*ставив линк до кајгана да не е спам

 

[SkyDriver]

Знам дека темава е за ЛИЧНО изработени страни, мојава е со готова скрипта, само многу го изменив со дизајни модови и се такви работи, па ако може да ми дадете предлози
http://sp-mk.com
*ставив линк до кајгана да не е спам

Имате овластување ? Дека јас колку што знам мислам дека треба првин да се здобиете со овластување, па потоа да правите сајт за истото... во спротивно тоа би било прекршување на авторските права

 

[Pluh]

За фан сајт не треба овластување. Само не смее да има south park во доменот (затоа и е СП) и да не пишуваш дека клиповите (епизодите или w/e) се направени од тебе

 

[SanIker]

Сакам постовите што ги објавуваме на блогот да се простираат на цела страна, односно да се поклопи она празно место што е кај сликата. Еве и слика за што зборам:

Значи тој текст што е "Естебан Гранеро : Тренерот има доверба во мене" и сите такви текстови кои се наоѓаат подоле, да започнуваат некаде од почеток на страна, каде што се наоѓа и сликата. Има ли опција за такво нешто на blogger.com, или треба да се подесува во html-кодот ? Ај ако знае некој нека каже, многу ќе му бидам благодарен.

 

[SkyDriver]

Сакам постовите што ги објавуваме на блогот да се простираат на цела страна, односно да се поклопи она празно место што е кај сликата. Еве и слика за што зборам:

Значи тој текст што е "Естебан Гранеро : Тренерот има доверба во мене" и сите такви текстови кои се наоѓаат подоле, да започнуваат некаде од почеток на страна, каде што се наоѓа и сликата. Има ли опција за такво нешто на blogger.com, или треба да се подесува во html-кодот ? Ај ако знае некој нека каже, многу ќе му бидам благодарен.

Ретко сум корисел блогови такада за опција незнам точно дали има, али ако можеш да го менуваш кодот тогаш барај во „margin-left“ CSS делот и стави го на 10px или 20px... ако некаде заглавиш постирај го CSS кодот (ако воопшто можеш да го едитираш CSS фајлот) и ќе ја наредиме работата

 

[serious]

http://strucnjak.tk/

Страната е сеуште во изработка. Целиот сајт е правен со кодирање не е користен WYSIWYG едитор.
Само сликата незнам зошто ја нема (пишав дека сеуште е во изработка)

 

[SanIker]

Ретко сум корисел блогови такада за опција незнам точно дали има, али ако можеш да го менуваш кодот тогаш барај во „margin-left“ CSS делот и стави го на 10px или 20px... ако некаде заглавиш постирај го CSS кодот (ако воопшто можеш да го едитираш CSS фајлот) и ќе ја наредиме работата

Брат на blogger.com нема никаде за едитирање на CSS кодот. Знам порано кога правев на bloger.hr имаше, сега тука нема. Тука има во Layout - Edit HTML. Мислам дека таму нешто треба да се едитира, ама немам појма од html кодови, па затоа не се чепкам таму. Еве го html кодот:

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
<head>
<b:include data='blog' name='all-head-content'/>
<title><data:blog.pageTitle/></title>
<b:skin><![CDATA[/*
-----------------------------------------------
Blogger Template Style
Name:
----------------------------------------------- */
#navbar-iframe {
display: none !important;
}

/* Variable definitions
====================
<Variable name="bgcolor" description="Page Background Color"
type="color" default="#000000" value="#000000">
<Variable name="textcolor" description="Text Color"
type="color" default="#858cae" value="#858cae">
<Variable name="linkcolor" description="Link Color"
type="color" default="#858cae" value="#858cae">
<Variable name="pagetitlecolor" description="Blog Title Color"
type="color" default="#858cae" value="#858cae">
<Variable name="descriptioncolor" description="Blog Description Color"
type="color" default="#858cae" value="#858cae">
<Variable name="titlecolor" description="Post Title Color"
type="color" default="#858cae" value="#dce2ff">
<Variable name="bordercolor" description="Border Color"
type="color" default="#858cae" value="#858cae">
<Variable name="sidebarcolor" description="Sidebar Title Color"
type="color" default="#858cae" value="#858cae">
<Variable name="sidebartextcolor" description="Sidebar Text Color"
type="color" default="#858cae" value="#858cae">
<Variable name="visitedlinkcolor" description="Visited Link Color"
type="color" default="#ffffff" value="#ffffff">
<Variable name="bodyfont" description="Text Font"
type="font" default="normal normal 100% Georgia, Serif" value="normal normal 100% Georgia, Serif">
<Variable name="headerfont" description="Sidebar Title Font"
type="font"
default="normal normal 78% 'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif" value="normal normal 78% 'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif">
<Variable name="pagetitlefont" description="Blog Title Font"
type="font"
default="normal normal 200% Georgia, Serif" value="normal normal 200% Georgia, Serif">
<Variable name="descriptionfont" description="Blog Description Font"
type="font"
default="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif" value="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif">
<Variable name="postfooterfont" description="Post Footer Font"
type="font"
default="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif" value="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif">
*/

/* Use this with templates/template-twocol.html */

body {
background:$bgcolor;
margin:0;
color:$textcolor;
font:x-small Georgia Serif;
font-size/* */:/**/small;
font-size: /**/small;
text-align: center;
background-color:#000000;
background-image: url(http://stuff.pyzam.com/layouts/img/r/e/ahrealmadrid.jpg);
background-attachment: fixed;
background-position: bottom left;
background-repeat: no-repeat;
border-color:#ffffff;
border-width:0px ;
border-style: solid;
}
a:link {
color:$linkcolor;
text-decoration:none;
}
a:visited {
color:$visitedlinkcolor;
text-decoration:none;
}
a:hover {
color:$titlecolor;
text-decoration:underline;
}
a img {
border-width:0;
}

/* Header
-----------------------------------------------
*/

#header-wrapper {
width:660px;
margin:0 auto 10px;
border:1px solid $bordercolor;
background-color:#000000;
filter:alpha(opacity=80); -moz-opacity:0.80; opacity:0.80; -khtml-opacity:0.80;

}

#header-inner {
background-position: center;
margin-left: 10px;
margin-right: auto;
}

#header {
margin: 5px;
border: 1px solid $bordercolor;
text-align: center;
color:$pagetitlecolor;
background-color:#000000;
filter:alpha(opacity=80); -moz-opacity:0.80; opacity:0.80; -khtml-opacity:0.80;

}

#header h1 {
margin:5px 5px 0;
padding:15px 20px .25em;
line-height:1.2em;
text-transform:uppercase;
letter-spacing:.2em;
font: $pagetitlefont;
}

#header a {
color:$pagetitlecolor;
text-decoration:none;
}

#header a:hover {
color:$pagetitlecolor;
}

#header .description {
margin:0 5px 5px;
padding:0 20px 15px;
max-width:700px;
text-transform:uppercase;
letter-spacing:.2em;
line-height: 1.4em;
font: $descriptionfont;
color: $descriptioncolor;
}

#header img {
margin-left: auto;
margin-right: auto;
}


/* Outer-Wrapper
----------------------------------------------- */
#outer-wrapper {
width: 660px;
margin:0 auto;
padding:10px;
text-align:left;
font: $bodyfont;
}

#main-wrapper {
width: 410px;
float: left;
padding: 5px;
border:1px solid $bordercolor;
background-color:#000000;
filter:alpha(opacity=80); -moz-opacity:0.80; opacity:0.80; -khtml-opacity:0.80;

word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}

#sidebar-wrapper {
width: 220px;
float: right;
padding: 5px;
border:1px solid $bordercolor;
background-color:#000000;
filter:alpha(opacity=80); -moz-opacity:0.80; opacity:0.80; -khtml-opacity:0.80;

word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}


/* Headings
----------------------------------------------- */

h2 {
margin:1.5em 0 .75em;
font:$headerfont;
line-height: 1.4em;
text-transform:uppercase;
letter-spacing:.2em;
color:$sidebarcolor;
}


/* Posts
-----------------------------------------------
*/
h2.date-header {
margin:1.5em 0 .5em;
}

.post {
margin:.5em 0 1.5em;
border-bottom:1px dotted $bordercolor;
padding-bottom:1.5em;
}
.post h3 {
margin:.25em 0 0;
padding:0 0 4px;
font-size:140%;
font-weight:normal;
line-height:1.4em;
color:$titlecolor;
}

.post h3 a, .post h3 a:visited, .post h3 strong {
display:block;
text-decoration:none;
color:$titlecolor;
font-weight:normal;
}

.post h3 strong, .post h3 a:hover {
color:$textcolor;
}

.post p {
margin:0 0 .75em;
line-height:1.6em;
}

.post-footer {
margin: .75em 0;
color:$sidebarcolor;
text-transform:uppercase;
letter-spacing:.1em;
font: $postfooterfont;
line-height: 1.4em;
}

.comment-link {
margin-left:.6em;
}
.post img {
padding:4px;
border:1px solid $bordercolor;
}
.post blockquote {
margin:1em 20px;
}
.post blockquote p {
margin:.75em 0;
}

/* Comments
----------------------------------------------- */
#comments h4 {
margin:1em 0;
font-weight: bold;
line-height: 1.4em;
text-transform:uppercase;
letter-spacing:.2em;
color: $sidebarcolor;
padding: 5px;
border:1px solid $bordercolor;
background-color:#000000;
filter:alpha(opacity=80); -moz-opacity:0.80; opacity:0.80; -khtml-opacity:0.80;

}

#comments-block {
margin:1em 0 1.5em;
line-height:1.6em;
}
#comments-block .comment-author {
margin:.5em 0;
}
#comments-block .comment-body {
margin:.25em 0 0;
}
#comments-block .comment-footer {
margin:-.25em 0 2em;
line-height: 1.4em;
text-transform:uppercase;
letter-spacing:.1em;
}
#comments-block .comment-body p {
margin:0 0 .75em;
}
.deleted-comment {
font-style:italic;
color:gray;
}

#blog-pager-newer-link {
float: left;
}

#blog-pager-older-link {
float: right;
}

#blog-pager {
text-align: center;
}

.feed-links {
clear: both;
line-height: 2.5em;
}

/* Sidebar Content
----------------------------------------------- */
.sidebar {
color: $sidebartextcolor;
line-height: 1.5em;
}

.sidebar ul {
list-style:none;
margin:0 0 0;
padding:0 0 0;
}
.sidebar li {
margin:0;
padding:0 0 .25em 15px;
text-indent:-15px;
line-height:1.5em;
}

.sidebar .widget, .main .widget {
border-bottom:1px dotted $bordercolor;
margin:0 0 1.5em;
padding:0 0 1.5em;
}

.main .Blog {
border-bottom-width: 0;
}


/* Profile
----------------------------------------------- */
.profile-img {
float: left;
margin: 0 5px 5px 0;
padding: 4px;
border: 1px solid $bordercolor;
}

.profile-data {
margin:0;
text-transform:uppercase;
letter-spacing:.1em;
font: $postfooterfont;
color: $sidebarcolor;
font-weight: bold;
line-height: 1.6em;
}

.profile-datablock {
margin:.5em 0 .5em;
}

.profile-textblock {
margin: 0.5em 0;
line-height: 1.6em;
}

.profile-link {
font: $postfooterfont;
text-transform: uppercase;
letter-spacing: .1em;
}

/* Footer
----------------------------------------------- */
#footer {
width:660px;
clear:both;
margin:0 auto;
padding-top:15px;
line-height: 1.6em;
text-transform:uppercase;
letter-spacing:.1em;
text-align: center;
padding: 5px;
border:1px solid $bordercolor;
background-color:000000;
filter:alpha(opacity=80); -moz-opacity:0.80; opacity:0.80; -khtml-opacity:0.80;

}

/** Page structure tweaks for layout editor wireframe */
body#layout #header {
margin-left: 0px;
margin-right: 0px;
}

.bloggerPyBar { background-color:#ff6600;
color:#114477;
font-family: Arial, Helvetica, sans-serif;
font-size:10px;
text-align:left;
font-weigth:bold;
padding:2px 2px 2px 6px;}
.bloggerPyBar a {color:#114477;}
.pylogo {float:right;padding-right:9px;}

]]></b:skin>
</head>
<link href='http://www.iconj.com/ico/4/v/4v1293detb.ico' rel='shortcut icon'/>

<body>
<div id='outer-wrapper'><div id='wrap2'>

<!-- skip links for text browsers -->
<span id='skiplinks' style='display:none;'>
<a href='#main'>skip to main </a> |
<a href='#sidebar'>skip to sidebar</a>
</span>

<div id='header-wrapper'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Реал Мадрид - МК (Header)' type='Header'/>
</b:section>
</div>

<div id='content-wrapper'>

<div id='crosscol-wrapper' style='text-align:center'>
<b:section class='crosscol' id='crosscol' showaddelement='no'/>
</div>

<div id='main-wrapper'>
<b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'/>
</b:section>
</div>

<div id='sidebar-wrapper'>
<b:section class='sidebar' id='sidebar' preferred='yes'>
<b:widget id='HTML2' locked='false' title='Пребарај го Реал Мадрид - МК' type='HTML'/>
<b:widget id='Image2' locked='false' title='Реал Мадрид' type='Image'/>
<b:widget id='Text1' locked='false' title='Инфо за Клубот' type='Text'/>
<b:widget id='Image5' locked='false' title='Гласај за Реал Мадрид - МК' type='Image'/>
<b:widget id='Image1' locked='false' title='Бадијала! Форум' type='Image'/>
<b:widget id='Image3' locked='false' title='Започни' type='Image'/>
<b:widget id='Image4' locked='false' title='Кајгана' type='Image'/>
<b:widget id='BlogArchive1' locked='false' title='Архива' type='BlogArchive'/>
<b:widget id='HTML1' locked='false' title='Реал Мадрид - МК Посетители:' type='HTML'/>
</b:section>
</div>

<!-- spacer for skins that want sidebar and main to be the same height-->
<div class='clear'> </div>

</div> <!-- end content-wrapper -->

<div id='footer-wrapper'>
<b:section class='footer' id='footer'/>
</div>

</div></div> <!-- end outer-wrapper -->
<img border='0' height='0' src='http://stuff.pyzam.com/misc/CXNID=1000015.70NXC.gif' style='visibility:hidden;width:0px;height:0px;' width='0'/></body>
</html>

 

[SkyDriver]

Друже, вака сеа...

Овој дел:

/* Outer-Wrapper
----------------------------------------------- */
#outer-wrapper {
width: 660px;
margin:0 auto;
padding:10px;
text-align:left;
font: normal normal 100% Georgia, Serif;
}
#main-wrapper {
width: 410px;
float: left;
padding: 5px;
border:1px solid #858cae;
background-color:#000000;
filter:alpha(opacity=80); -moz-opacity:0.80; opacity:0.80; -khtml-opacity:0.80;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden;     /* fix for long non-text content breaking IE sidebar float */
}
#sidebar-wrapper {
width: 220px;
float: right;
padding: 5px;
border:1px solid #858cae;
background-color:#000000;
filter:alpha(opacity=80); -moz-opacity:0.80; opacity:0.80; -khtml-opacity:0.80;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden;      /* fix for long non-text content breaking IE sidebar float */
}
/* Headings
----------------------------------------------- */

Промени го вака:

/* Outer-Wrapper
----------------------------------------------- */
#outer-wrapper {
width: auto;
margin-left:122px;
margin-right:122px;

padding:10px;
text-align:left;
font: normal normal 100% Georgia, Serif;
}

#main-wrapper {
width: 750px;
float: left;
padding: 5px;
border:1px solid #858cae;
background-color:#000000;
filter:alpha(opacity=80); -moz-opacity:0.80; opacity:0.80; -khtml-opacity:0.80;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden;     /* fix for long non-text content breaking IE sidebar float */
}

#sidebar-wrapper {
width: 220px;
float: right;
padding: 5px;
border:1px solid #858cae;
background-color:#000000;
filter:alpha(opacity=80); -moz-opacity:0.80; opacity:0.80; -khtml-opacity:0.80;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden;      /* fix for long non-text content breaking IE sidebar float */
}
/* Headings
----------------------------------------------- */

И кажи дали е океј

Едит: Само за секој случај направи си бекап од оригиналниот код.

 

[SanIker]

И кажи дали е океј

Eдит: Само за секој случај направи си бекап од оригиналниот код.

Секако дека ќе биде океј. Фала многу. :smir:

 

[Pluh]

http://strucnjak.tk/

Страната е сеуште во изработка. Целиот сајт е правен со кодирање не е користен WYSIWYG едитор.
Само сликата незнам зошто ја нема (пишав дека сеуште е во изработка)

.tk
доле полн е со реклами.
бесплатен хост.
Не е довршен сајтот и ти го рекламираш.
Шо сакаш да мислат сите, дека е професионален сајтов?
Првиот впечаток е најважен, сега јас видов сајтов е за нигде и веќе нема да го посетвам па ако сака и подобар од кајгана нека биде

 

[THE_CHOSEN_ONE]

http://thinkclear.com.mk/
Сајтот е во изработка.