Skocz do zawartości

Witaj na forum webmasterów Webax.pl.

Wyświetl nową zawartość

Jak zmienić układ graficzny strony w kodzie html?

- - - - -

  • Zaloguj się, aby dodać odpowiedź
10 odpowiedzi w tym temacie
Dawidzio256
Dawidzio256

    Nowicjusz

  • Użytkownik
  • PipPip
  • 8 postów
#1

Napisano 23 styczeń 2013 - 18:21

Witam. mam duży problem związany z edycją strony www, a dokładnie z gotowym układem graficzym. Mój układ wygląda tak:
(niestety nie wiem dlaczego ale nie dodaje mi zdjeć myślę że wiadomo o co chodzi)

Chciałby na niebieskich polach z boku stron zamieścić reklamę z programu partnerskiego jednak to miejsce jest niedostępne dla edycji. Czy mogę to zmienić dodając coś do treści html czy jakoś w podobny sposób? Dodać kod który udostępni mi tam miejsce? Treść całego kodu wygląda tak:

<div id="container" class="altcolor">

<div id="wrapper">
<div id="header">
<div id="header_wrapper" class="altcolor">
<img src="1001-emotionheader.jpg" alt="" />
</div>
</div>

<div class="c"></div>
<div id="content">
<div class="gutter">
<var>content</var>
</div>
</div>

<div id="sidebar">
<div id="navigation">
<var>navigation[1|2|3]</var>
</div>

<div id="sidebar_content">

<var>sidebar</var>

</div>
</div>
</div>

<div class="c"></div>

<div id="footer">
<div class="gutter">
<var>footer</var>
</div>
</div>
<div class="c"></div>

</div>

To drugi post na ten temat. Przepraszam za zaśmiecanie, ale poprzedni był chyba w nieodpowiednim miejscu.
Bardzo proszę o pomoc i pozdrawiam wszystkich, dla których dzielenie się wiedzą to przyjemność.

Yaneek
Yaneek

    Użytkownik

  • Użytkownik
  • PipPip
  • 13 postów
#2

Napisano 23 styczeń 2013 - 22:28

Propnuję pokaż screen shot. Jeśli to jest zablkowane to ewentualnie możesz dzięki CSS nałożyć na to obrazek.

Viperoo
Viperoo

    Początkujący

  • Moderator
  • 138 postów
#3

Napisano 24 styczeń 2013 - 08:51

Pokaż cały kod strony wraz z CSS, możesz dać screena i zaznaczyć dokładnie gdzie chcesz mieć te reklamy :)

PS dawno nie widziałem użycia <var>

Dawidzio256
Dawidzio256

    Nowicjusz

  • Użytkownik
  • PipPip
  • 8 postów
#4

Napisano 26 styczeń 2013 - 17:17

www.zloteinfo.pl chyba możne cały kod zobaczyć klikając prawym i pokaż żródło:) przy okazji nie wiem dlaczego wpisane są tam moje dane na początku. Nie przeszkadza mi to ale chciałbym wiedzieć dlaczego tak jest i dlaczego pokazuje standardowe karty (podstrony) jakie były w gotowym układzie,a których już nie ma? Nie wiem czy mogłem ale ją okroiłem na czas wyjaśnienia tematu ponieważ strona jest w budowie Dołączona grafika mam nadzieje że to nie przeszkodzi. to jest cały CSS:

/*
-----------------------------------------------
Layout 1001: Screen Styles
----------------------------------------------- */

body {
margin: 0;
padding: 0;
}

.altcolor {
background-color: #|:bg_color1|:;
}


/* Container */

div#container {
margin: 0 auto;
width: 940px;
background-image: url(1001-container_bg.gif);
background-repeat: repeat-y;
background-position: 239px 0;
}


/* Header */

div#header {
position: relative;
padding-bottom: 40px;
background: #fff;
zoom: 1;
}
div#header_wrapper {
padding-top: 20px;
}

div#emotion-header {
position: relative;
}
div#emotion-header strong#emotion-header-title {
position: absolute;
top: 0;
left: 0;
}


/* Content */

div#content {
width: 700px;
float: right;
background: #fff;
}
div#content div.gutter {
padding: 0 100px 60px 100px;
}


/* Sidebar */

div#sidebar {
width: 239px;
float: left;
padding: 0 0 40px 0;
}

div#jimdobox {
margin-bottom: 20px;
}


/* Navigation */

div#navigation {
margin: 0 0 20px;
padding: 0 0 30px;
background: url(1001-navigation_bg.gif) repeat-x 0 100%;
}

ul.mainNav1 {
margin: 0;
padding: 1px 0 0;
list-style: none;
background: url(1001-dots.gif) repeat-x;
}
ul.mainNav1 li {
width: 239px;
}
ul.mainNav1 li a {
font-weight: bold;
display: block;
width: 219px;
padding: 5px 10px;
background: url(1001-dots.gif) repeat-x 0 100%;
background-color: #fff !important;
text-align: right;
text-decoration: none;
}
ul.mainNav1 li a:hover, ul.mainNav1 li a.current {
background: transparent !important;
color: #fff;
}
ul.mainNav2 {
margin: 0;
padding: 0;
list-style: none;
}
ul.mainNav2 li a {
padding: 5px 30px 5px 10px;
width: 199px;
}
ul.mainNav3 {
margin: 0;
padding: 0;
list-style: none;
}
ul.mainNav3 li a {
padding: 5px 50px 5px 10px;
width: 179px;
}

div#sidebar_content {
margin: 0 0 20px;
padding: 0 20px;
}


/* Footer */

div#footer {
width: 700px;
margin-left: 240px;
}
div#footer div.gutter {
background: url(1001-dots.gif) repeat-x;
background-color: #fff;
float: left;
width: 660px;
padding: 10px 20px;
}

br.c {
display: block;
}

Użytkownik Matslom edytował ten post 26 styczeń 2013 - 18:23
Kod podajemy w znacznikach [html], [code], bądź [php]


Viperoo
Viperoo

    Początkujący

  • Moderator
  • 138 postów
#5

Napisano 26 styczeń 2013 - 19:52

To jest robione przez jakieś narzędzie w 1and1 ?

Ogólnie możesz sobie dorzucić jakiś kod html w kontenerze o klasie "content clearfix", dodatkowo możesz dodać do css jakiś klasę odpowiedzialną za wyświetlanie nagłówka, kod html wyglądał by wówczas
<div class="content clearfix">
<div class="title">Reklamy </div>
<p>Tu będą reklamy </p>
</div>


Dawidzio256
Dawidzio256

    Nowicjusz

  • Użytkownik
  • PipPip
  • 8 postów
#6

Napisano 27 styczeń 2013 - 10:39

Dodałem ten kod w edytorze tam gdzie pasował do reszty "divów", zaznaczene było HTML ponieważ CSS wyglądają zupełnie inaczej. Miejsce pokazało się ale nie na marginesie tak jak chciałem tylko wypchało mi resztę opcji na dół strony. Wogóle skrócił się cały kod i zmieniło mi cały układ! a teraz kod wygląda tak:

<div id="container" class="altcolor">
<div id="wrapper">
<div id="header">
<div id="header_wrapper" class="altcolor"><img src="1001-emotionheader.jpg" alt="" /></div>
</div>
<div class="c"></div>
<div id="content">
<div class="gutter"><var>content</var></div>
</div>
<div id="sidebar">
<div id="navigation"><var>navigation[1|2|3]</var></div>
<div id="sidebar_content"><var>sidebar</var></div>
</div>
</div>
<div class="c"></div>
<div id="footer">
<div class="gutter"><var>footer</var></div>
</div>
<div class="c"></div>
</div>

Usunąłem ten kod,ustawiłem swój stary układ i wszystko działa poprawnie ale bardzo mnie to zniechęciło. Może trafniej wystraszyło.Tak to jest strona z 1and1.

Viperoo
Viperoo

    Początkujący

  • Moderator
  • 138 postów
#7

Napisano 27 styczeń 2013 - 11:00

U mnie wyglądało to tak
http://img96.imagesh...6/901/webax.png
Z Tym że lekko zmodyfikowałem plik CSS

Dawidzio256
Dawidzio256

    Nowicjusz

  • Użytkownik
  • PipPip
  • 8 postów
#8

Napisano 27 styczeń 2013 - 17:10

No mój błąd źle wytłumaczyłem o które miejsce mi chodzi. Dodałem jeszcze jedno zdjęcie na stronie wyjaśniających wyjaśniające problem. W te miejsce zaznaczone na żółto chciałbym wstawić reklamy. Jest niedostępne dla upuszczenia widżetu tekstu czy zdjęcia. Takie układy tylko są czy można to zrobić dodając tylko jakiś kod html? gdzie miałbym to zrobić? Nie mam zielonego pojęcia o tym:)

Viperoo
Viperoo

    Początkujący

  • Moderator
  • 138 postów
#9

Napisano 27 styczeń 2013 - 19:41

Oczywiście że się da tylko to wymaga edycji css i html, tylko czy to ma sens ? Nie lepiej zainstalować Wordpressa i mieć dostęp do tysięcy templatek oraz wiele więcej pluginów które ułatwiają życie. Osobiście nie polecam robienie stron w oparciu o usługi firmy 1&1, o wiele lepiej zainstalować CMS (np. Wordpressa) który to gniecie rozwiązania firmy 1&1 :)
Ewentualnie jeśli chcesz się nauczyć tworzenie stron to polecam kupić jakąś książkę o HTML 5 i CSS 3, do tego poznać jakiś CMS/framework.

A jak nie zamierzasz uczyć się tworzenia stron to może nie lepiej jest zlecić zrobienie tego za Ciebie ? Wtedy będziesz pewien że strona jest bezpieczna oraz będzie dokładnie taka jaka chcesz :) Niestety trzeba zapłacić za taką stronę w zależności od poziom zaawansowania tej strony, nie pisze tego aby Ci w jakiś sposób zmusić, oczywiście udzielę pomocy bez problemu bez żadnych odpłatności ;d

Teraz pytanie, przerabiamy tą stronę czy budujemy coś nowego na WP lub innym CMS ?

Dawidzio256
Dawidzio256

    Nowicjusz

  • Użytkownik
  • PipPip
  • 8 postów
#10

Napisano 29 styczeń 2013 - 10:58

Dzięki Viperoo za pomoc i wielki chęci naprawde jestem wdzięczny:)znalazłem, układ który mi pasuje to na początek wystarczy. Nie od razu Kraków zbudowali. Póki co zajmę się prostą budową strony w oparciu o te narzędzia 1and1. Chciałbym mieć takie zdolności żeby ją samemu napisać ale to daleka przyszłość. Jeszcze raz dzięki i pozdrawiam!

Viperoo
Viperoo

    Początkujący

  • Moderator
  • 138 postów
#11

Napisano 29 styczeń 2013 - 18:09

Forum jest od pomagania ;) Powodzenia i w razie czego pisz na forum, Pozdrawiam




Użytkownicy przeglądający ten temat: 0

0 użytkowników, 0 gości, 0 anonimowych