Zakaj so nekateri projekti uspešni,drugi pa ne?</a></li>
</ul>
<div id="tumblr">starejše lanke si lahko preberete na <a href="http://www.bibiprojekt.eu/blog" class="ext_notip"><img src="image_src/logo_blog.jpg" alt="blog" />log</a>.</div>
<div class="hello_addr">Drnovškova pot 14<br />1241 Kamnik<br />
Slovenija</div>
</div>
</li>
</ul>
</div>
When the user clicks the link, new DIV opens and in it the HTM loads (JavaScript).
If you take a look at "WE" part, there I have a <ul class="content-list"> in inside is <li> tag. How can I make that <li> list in each div in Umbraco? If you take a closer look, you'll see there's a <a> tag with many atributes. How can I add those in Umbraco dynamically?
I'm just starting with Umbraco, so any help would be much appreciated! If you have any questions,please ask!
I suggest you look into Warren's CWS2 package, which can be found on the project section, and start playing with it so you get familiar with the building blocks (doc types, templates, macro's, etc...). Installation can be done through the developer section (Packages node)
Alternatively, have a look at http://umbraco.tv for some instructional vids on setting up things quickly (there's free vids available from the homepage)
i didi check the CWS2 in there's nothink like i need. I posted my question because the documentation on Umbraco is poor and I just need a little direction,not the solution (if I need to check another datatype etc.).
Uros, I don't think Dirk meant there's a "recipe" that'd suit your exact requirements within the CWS2 package. I'm not entirely sure what you were expecting when you said "i didi check the CWS2 in there's nothink like i need". The package itself illustrates the basic concepts and building blocks within Umbraco itself. It's up to you to understand these concepts and apply them to your requirements. I seriously doubt Umbraco's online documentation or wiki will grow to have every recipe for every possible situation.
Basically what you need to do is chop up that chunk of HTML in your original post. The "static" parts go into your templates, the "dynamic" parts go into Umbraco macros. These macros can be XSLT or .NET usercontrols, it's up to you. There may be some exceptions to this suggestions but for the most part that's the general idea.
How can I do this with umbraco?
Hi, guys,
I have a HTML version of a page,now I want to do it with Umbraco. Here's the HTML code:
<!-- WE -->
<div id="we" class="anchor-zone"></div>
<div id="we_content" class="box_content we">
<h1 class="us-col shadow"><span style="letter-spacing:-0.05em">b</span>ibi <span style="letter-spacing:-0.09em">
P</span>rojekt</h1>
<ul class="content-list">
<li><span class="us-col">...</span> je <a class="curtainIt screenshot" id="we_thumb.jpg" href="#bibiprojekt">
zanesljiv partner</a>.</li>
<li><span class="us-col">...</span> zaposljuje <a class="curtainIt screenshot" id="certified_thumb.jpg" href="#certifikati">
certificiran kader</a>.</li>
</ul>
</div>
<!-- ACTIVITY -->
<div id="activity" class="anchor-zone"></div>
<div id="activity_content" class="box_content activity">
<h1 class="activity-col shadow"><span style="letter-spacing:-0.05em">
D</span>ejavnosti</h1>
<ul class="content-list">
<li><span class="activity-col">... </span><a class="curtainIt screenshot" id="activity_thumb1.jpg" href="#vodenje">
projektno vodenje</a>.</li>
<li><span class="activity-col">... </span><a class="curtainIt screenshot" id="activity_thumb2.jpg" href="#svetovanje">
svetovanje</a>.</li>
<li><span class="activity-col">... </span><a class="curtainIt screenshot" id="activity_thumb3.jpg" href="#marketing">
marketing</a>.</li>
</ul>
</div>
<!-- BLOG -->
<div id="blog" class="anchor-zone"></div>
<div id="blog_content" class="box_content blog">
<h1 class="blog-col shadow"><span style="letter-spacing:-0.05em">B</span>log</h1>
<ul class="content-list">
<li><span class="blog-col"></span><a class="curtainIt screenshot" id="blog_thumb.jpg" href="#blog">
Zakaj so nekateri projekti uspešni,drugi pa ne?</a></li>
</ul>
<div id="tumblr">starejše lanke si lahko preberete na <a href="http://www.bibiprojekt.eu/blog" class="ext_notip"><img src="image_src/logo_blog.jpg" alt="blog" />log</a>.</div>
</div>
<!-- LINK -->
<div id="link" class="anchor-zone"></div>
<div id="link_content" class="box_content link">
<h1 class="link-col shadow"><span style="letter-spacing:-0.05em">O</span>bišite</h1>
<ul class="content-list">
<li><span class="link-col">...</span> podjetje <a class="ext" id="360ecm_thumb.jpg" href="http://www.360ecm.si">
360ECM</a>.</li>
<li><span class="link-col">...</span> organizacija <a class="ext" id="aiim_thumb.jpg" href="http://www.aiim.org">
AIIM</a>.</li>
<li><span class="link-col">...</span> organizacija <a class="ext" id="cms_thumb.jpg" href="http://www.cmswatch.com">
CMSWATCH</a>.</li>
<li><span class="link-col">...</span> organizacija <a class="ext" id="bcs_thumb.jpg" href="http://www.bcs.org">
BCS</a>.</li>
</ul>
</div>
<!-- CONTACT -->
<div id="contact" class="anchor-zone"></div>
<div id="contact_content" class="box_content contact">
<h1 class="contact-col shadow"><span style="letter-spacing:-0.05em">
K</span>ontakt</h1>
<ul>
<li>
<div class="hello_td hello_td1">
<div class="hello_place"><em>bibi Projekt</em></div>
<div class="hello_email greenIt"><a href="mailto:[email protected]">
barbara{at}bibiprojekt.eu</a></div>
<div class="hello_phone">+386 40 20 60 80</div>
<div class="hello_addr">Drnovškova pot 14<br />1241 Kamnik<br />
Slovenija</div>
</div>
</li>
</ul>
</div>
When the user clicks the link, new DIV opens and in it the HTM loads (JavaScript).
If you take a look at "WE" part, there I have a <ul class="content-list"> in inside is <li> tag. How can I make that <li> list in each div in Umbraco? If you take a closer look, you'll see there's a <a> tag with many atributes. How can I add those in Umbraco dynamically?
I'm just starting with Umbraco, so any help would be much appreciated! If you have any questions,please ask!
Uros
Hi,
I suggest you look into Warren's CWS2 package, which can be found on the project section, and start playing with it so you get familiar with the building blocks (doc types, templates, macro's, etc...). Installation can be done through the developer section (Packages node)
Alternatively, have a look at http://umbraco.tv for some instructional vids on setting up things quickly (there's free vids available from the homepage)
Cheers,
/Dirk
Dear Dirk,
i didi check the CWS2 in there's nothink like i need. I posted my question because the documentation on Umbraco is poor and I just need a little direction,not the solution (if I need to check another datatype etc.).
THX anyway.
I would check out the documentation that there is: http://umbraco.org/documentation/books, http://umbraco.org/documentation/videos
To do something dynamic based on what page you are on the easiest method is to use XSLT:
http://v3.umbraco.org/documentation/books/xslt-basics
You will be putting most of the HTML into your templates and any dynamic HTML into your XSLT.
Your questions:
'How can I add those in Umbraco dynamically?'...Dynamically, by what? If it is by page, you will want to use XSLT i would think.
'How can I make that <li> list in each div in Umbraco?'
The easiest way would be to copy and paste your <li> into each div
Uros, I don't think Dirk meant there's a "recipe" that'd suit your exact requirements within the CWS2 package. I'm not entirely sure what you were expecting when you said "i didi check the CWS2 in there's nothink like i need". The package itself illustrates the basic concepts and building blocks within Umbraco itself. It's up to you to understand these concepts and apply them to your requirements. I seriously doubt Umbraco's online documentation or wiki will grow to have every recipe for every possible situation.
Basically what you need to do is chop up that chunk of HTML in your original post. The "static" parts go into your templates, the "dynamic" parts go into Umbraco macros. These macros can be XSLT or .NET usercontrols, it's up to you. There may be some exceptions to this suggestions but for the most part that's the general idea.
is working on a reply...