Suche im Forum:
Suchen


« Vorheriges Thema anzeigen :: Nächstes Thema anzeigen »  
Autor Nachricht
Beitrag27.11.2011 um 16:48 (UTC)    
Titel: CSS Themeplate Content bestimmen

Halli Hallo liebe HPBKler,
ich habe mir eine CSS-Temeplate umgecodet. Zusehen ist das ganze hier: http://rusher-test.de.tl/

Wie ihr seht, sind in der Mitte mehrere Kolumnen. In der oberen (die, die Überschrift 'Intro' trägt) möchte ich gerne den Content anzeigen lassen.
Wenn ich jetzt jedoch im Code (Auszug siehe unten) die Klasse einfach Content nenne (und natürlich den via CSS eingefügten Text entferne), wird der Content immer noch unten drunter gezeigt-wie könnte man das lösen?

Danke im Voraus& MFG Jamie


Code:
Text über dem Design:

Zitat:
<
<div class="news_center_post_text">

<p>Thank you for downloading this free template release from www.clantemplates.com if you have any questions, these paragraphs should address them or direct you to where they can be addressed.</p>

<p>There are a few terms-of-use rules you need to follow if you want to use this or any ClanTemplates template but they are simple to follow. The first is that you <b>must keep a link back to ClanTemplates</b> either using a Lead Sponsor image or an affiliate link (dependent upon your template). This must be a hyperlink and must include the ClanTemplates 'C' logo. The second is that you <b>must include any copyright footer</b> that tells you who designed and coded the template. This image (and/or text) should also link to ClanTemplates and must not be edited.</p>

<p>All templates released at clantemplates are coded in html/xhtml &amp; css so that even the most inexperienced individual can understand and edit the template. If you have either Frontpage or Dreamweaver at your disposal these would be recommended for you to easily edit and manage the code of your new website template. Below are 3 video tutorials that explain different aspects of how to use a template downloaded from Clantemplates.</p>



<ul>

<li><a href="http://www.clantemplates.com/video/How_to_DL_and_Edit/How_to_DL_and_Edit.html" target="_blank">How to Download &amp; Edit Your Template</a></li>

<li><a href="http://www.clantemplates.com/video/CT_How_to_Make_a_New_Page/CT_How_to_Make_a_New_Page.html" target="_blank">How to make a new page for the template</a></li>

<li><a href="http://www.clantemplates.com/video/CT_How_to_Upload/CT_How_to_Upload.html" target="_blank">How to upload your template to a server</a></li>

</ul>

</div>


CSS-Code:
Zitat:
.news_center_post_text{
width:363px;
font-family:Tahoma, Geneva, sans-serif;
font-size:10px;
color:#9F9F9F;
margin:0 auto;
}



Mein bisheriger Versuch:

Text über dem Design:
Zitat:
<div class="content">

</div>

CSS-Code:
Zitat:
#content{
width:363px;
font-family:Tahoma, Geneva, sans-serif;
font-size:10px;
color:#9F9F9F;
margin:0 auto;
}



news_center_post_text ist die Klasse, in der ich gerne den Content hätte.
Beitrag27.11.2011 um 23:11 (UTC)    
Titel: Re: CSS Themeplate Content bestimmen

Hallo,

gygrusher hat Folgendes geschrieben:
ich habe mir eine CSS-Temeplate umgecodet. Zusehen ist das ganze hier: http://rusher-test.de.tl/

Da sehe ich zwar dein Template, aber nichts davon, dass du es umgecodet hast. Da ist ja noch das ganze html Grundgerüst drinn. Rolling Eyes

gygrusher hat Folgendes geschrieben:
und natürlich den via CSS eingefügten Text entferne

Du hast per CSS Text eingefügt? Dann bist du glaube ich einer der wenigen, der die content Eigenschaft kennt. Wink

gygrusher hat Folgendes geschrieben:
wie könnte man das lösen?

Für jemanden, der die content Eigenschaft kennt sollte das eigentlich kein Problem sein.
Du musst das Html richtig trennen. Du sagst, du möchtest deinen content in einem der div Elemente mit der Klasse news_center_post_text. Dann schaust du, wo der öffnende Tag dieses Elementes ist. Alles bis einschlieslich des öffnenden Tags fügst du bei Text über dem Design ein.
Sämtliche vom Baukasten vorgegebenen Elemente werden nun zu Kindelemente dieses Elementes gemacht. Die Elemente die du nicht brauchst kannst du dann per CSS ausblenden.

Text über dem Design:
Zitat:
<!--

/*

* Copyright 2010 ClanTemplates.com

* {War Zone} is a free template by {MichaelTinnin} and {Steven Costello (arrow816)} at ClanTemplates.com

* No part of this file may be redistributed without written permission

* Design by {MichaelTinnin} - {http://michaeltinnin.daportfolio.com/}

* Coded by {Steven Costello (arrow816)} - {http://www.mediarealm.net}

*/

-->
<div class="con1">

<div class="con2">

<div class="con3">

<div class="top_bar_con">

<div class="logo_con">

<a href="#"><img src="http://www.abload.de/img/logoa2q19.jpg" alt="" /></a>

</div>

<div class="top_nav_con">

<ul class="top_nav">

<li class="home"><a id="on" href="#">Home</a></li>

<li class="team"><a href="#">Team</a></li>

<li class="forums"><a href="#">Forums</a></li>

<li class="tournaments"><a href="#">Tournaments</a></li>

<li class="matches"><a href="#">Matches</a></li>

<li class="clan_history"><a href="#">Clan History</a></li>

<li class="sponsors"><a href="#">Sponsors</a></li>

<li class="imprint"><a href="#">Imprint</a></li>

<li class="contact"><a href="#">Contact</a></li>

</ul>

</div>

</div>

<div class="top_mid_slider_con">

<div class="slider_con">

<div class="slider_img_con">

<div class="slider_img">

<img src="http://www.abload.de/img/slider_imgq7pn9.jpg" alt="" />

</div>

</div>

<div class="slider_content_con">

<div class="slider_content">

<div class="slider_content_header"><span><a href="#">MW 3 Videos</a></span></div>

<div class="slider_content_sub_header"><span>Latest Released Video 12.12.2011</span></div>

<div class="slider_content_text">

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nam justo. Ut porta. Nullam ultrices velit sit amet mi. Donec gravida. Aenean in felis sit amet mauris sollicitudin dapibus. In diam lorem, placerat vitae, interdum at, elementum a, diam. Quisque felis nisl, lacinia ac, sagittis non, lobortis suscipit, purus. Integer convallis mauris in risus. Phasellus velit eros, tempus eget, egestas quis, iaculis vitae, neque. Nunc semper arcu quis leo. Nunc eu dolor. Fusce mollis. Aliquam laoreet volutpat dolor. Donec ultrices pretium tellus. Pellentesque habitant morbi tristique senectus et.

</div>

<div class="slider_content_details">

<span class="read_more"><a href="#">Read More</a></span>&nbsp;|&nbsp;<span class="comments_text">Comments</span>&nbsp;<span class="comments_number">(viele)</span>

</div>

</div>

</div>

<div class="clr"></div>

</div>

</div>

<div class="main_con">

<div class="left_col">

<div class="left_col_box_short">

<div class="box_header">

<span>Clan-Matches</span>

</div>

<div class="box_content">

<ul>

<li>

<div class="li_left">

<span>12/5/10</span>

</div>

<div class="li_middle">

<span><a href="#">Zerophoto vs. eMergancy</a></span>

</div>

<div class="li_right">

<span class="li_right_left_span">12</span>

<span class="li_right_mid_span">-</span>

<span class="li_right_right_span">7</span>

</div>

</li>

<li>

<div class="li_left">

<span>12/5/10</span>

</div>

<div class="li_middle">

<span><a href="#">Zerophoto vs. eMergancy</a></span>

</div>

<div class="li_right">

<span class="li_right_left_span">12</span>

<span class="li_right_mid_span">-</span>

<span class="li_right_right_span">7</span>

</div>

</li>

<li>

<div class="li_left">

<span>12/5/10</span>

</div>

<div class="li_middle">

<span><a href="#">Zerophoto vs. eMergancy</a></span>

</div>

<div class="li_right">

<span class="li_right_left_span">12</span>

<span class="li_right_mid_span">-</span>

<span class="li_right_right_span">7</span>

</div>

</li>

<li>

<div class="li_left">

<span>12/5/10</span>

</div>

<div class="li_middle">

<span><a href="#">Zerophoto vs. eMergancy</a></span>

</div>

<div class="li_right">

<span class="li_right_left_span">12</span>

<span class="li_right_mid_span">-</span>

<span class="li_right_right_span">7</span>

</div>

</li>

</ul>

</div>

</div>

<div class="left_col_box_short">

<div class="box_header">

<span>Clan-News</span>

</div>

<div class="box_content">

<ul>

<li>

<div class="li_left">

<span>12/5/10</span>

</div>

<div class="li_middle">

<span><a href="#">Lorem plesu ispum do...</a></span>

</div>

<div class="li_right">

<span class="li_right_mid_span"><a href="#">Read</a></span>

</div>

</li>

<li>

<div class="li_left">

<span>12/5/10</span>

</div>

<div class="li_middle">

<span><a href="#">Lorem plesu ispum do...</a></span>

</div>

<div class="li_right">

<span class="li_right_mid_span"><a href="#">Read</a></span>

</div>

</li>

<li>

<div class="li_left">

<span>12/5/10</span>

</div>

<div class="li_middle">

<span><a href="#">Lorem plesu ispum do...</a></span>

</div>

<div class="li_right">

<span class="li_right_mid_span"><a href="#">Read</a></span>

</div>

</li>

<li>

<div class="li_left">

<span>12/5/10</span>

</div>

<div class="li_middle">

<span><a href="#">Lorem plesu ispum do...</a></span>

</div>

<div class="li_right">

<span class="li_right_mid_span"><a href="#">Read</a></span>

</div>

</li>

</ul>

</div>

</div>

<div class="left_col_box_short">

<div class="box_header">

<span>Clan-Termine</span>

</div>

<div class="box_content">

<ul>

<li>

<div class="li_left">

<span>12/5/10</span>

</div>

<div class="li_middle">

<span><a href="#">Zerophoto vs. eMergancy</a></span>

</div>

<div class="li_right">

<span class="li_right_mid_span"><a href="#">View</a></span>

</div>

</li>

<li>

<div class="li_left">

<span>12/5/10</span>

</div>

<div class="li_middle">

<span><a href="#">Zerophoto vs. eMergancy</a></span>

</div>

<div class="li_right">

<span class="li_right_mid_span"><a href="#">View</a></span>

</div>

</li>

<li>

<div class="li_left">

<span>12/5/10</span>

</div>

<div class="li_middle">

<span><a href="#">Zerophoto vs. eMergancy</a></span>

</div>

<div class="li_right">

<span class="li_right_mid_span"><a href="#">View</a></span>

</div>

</li>

<li>

<div class="li_left">

<span>12/5/10</span>

</div>

<div class="li_middle">

<span><a href="#">Zerophoto vs. eMergancy</a></span>

</div>

<div class="li_right">

<span class="li_right_mid_span"><a href="#">View</a></span>

</div>

</li>

</ul>

</div>

</div>

<div class="left_col_box_long">

<div class="box_header">

<span>Werbung</span>

</div>

<div class="left_col_box_long_content">

<div class="left_col_box_long_advert">

<a href="#"><img src="http://www.abload.de/img/left_col_advertevqry.jpg" alt="" /></a>

</div>

</div>

</div>

</div>

<div class="content_top">

<div class="center_col_header">

<span>News</span>

</div>

<div class="news_center_post_con">

<div class="news_center_post_header">

<span><a href="#">Intro</a></span>

</div>

<div class="news_center_post_image">

<img src="http://www.abload.de/img/news_center_post_imagsxrly.jpg" alt="" />

</div>

<div class="news_center_post_text">




Damit die Baukasten Elemente jetzt auch wirklich Kindelemente des einen Elementes sind, müssen wir dieses Element nach den Baukasten Elemente wieder schließen. Das können wir machen, indem wir den schließenden Tag bei Text unter dem Design einfügen. Alles weitere wird ebenfalls bei Text unter dem Design eingefügt.
Zitat:


</div>

<div class="news_post_center_details">

<div class="details_reader_more">

<span><a href="#">Read full story</a></span>

</div>

<div class="details_mid">

&nbsp;|&nbsp;

</div>

<div class="details_comments">

<span>Comments</span>&nbsp;(<span>7</span>)

</div>

</div>

</div>

<div class="news_center_post_con">

<div class="news_center_post_header">

<span><a href="#">Editing your Template</a></span>

</div>

<div class="news_center_post_image">

<img src="http://www.abload.de/img/news_center_post_imagsxrly.jpg" alt="" />

</div>

<div class="news_center_post_text">

<p>All templates released at Clantemplates should include blank banner images for you to add your own clans name to in order to personalize the template. Such images are generally included in the images folder which was in the zip file you downloaded and are normally denoted by the word 'blank' in the filename. Other blank images for various parts of a template, may be included in the folder, depending on the template you've downloaded.</p>



</div>

<div class="news_post_center_details">

<div class="details_reader_more">

<span><a href="#">Read full story</a></span>

</div>

<div class="details_mid">

&nbsp;|&nbsp;

</div>

<div class="details_comments">

<span>Comments</span>&nbsp;(<span>7</span>)

</div>

</div>

</div>

<div class="news_center_post_con">

<div class="news_center_post_header">

<span><a href="#">Getting Help</a></span>

</div>

<div class="news_center_post_image">

<img src="http://www.abload.de/img/news_center_post_imagsxrly.jpg" alt="" />

</div>

<div class="news_center_post_text">

<p>Any questions that the video tutorials just didn't cover? Well the best place to get the kind of answers you need is to use that template you've downloaded is to submit your question for the Support Staff in the Clantemplates <a href="http://forums.clantemplates.com/forumdisplay.php?f=9" target="_blank">Help Booth</a>. Make sure you include the name of the template you downloaded and the category it was in. Any question you may have regarding a template they will be able to answer for you.</p>

</div>

<div class="news_post_center_details">

<div class="details_reader_more">

<span><a href="#">Read full story</a></span>

</div>

<div class="details_mid">

&nbsp;|&nbsp;

</div>

<div class="details_comments">

<span>Comments</span>&nbsp;(<span>7</span>)

</div>

</div>

</div>

<div class="news_center_post_con">

<div class="news_center_post_header">

<span><a href="#">Lorem ipsum dolor sit amet, consectetuer adipiscing</a></span>

</div>

<div class="news_center_post_image">

<img src="http://www.abload.de/img/news_center_post_imagsxrly.jpg" alt="" />

</div>

<div class="news_center_post_text">

<p>Nam justo. Ut porta. Nullam ultrices velit sit amet mi. Donec gravida. Aenean in felis sit amet mauris sollicitudin dapibus. In diam lorem, placerat vitae, interdum at, elementum a, diam. Quisque felis nisl, lacinia ac, sagittis non, lobortis suscipit, purus. Integer convallis mauris in risus. Phasellus velit eros, tempus eget, egestas quis, iaculis vitae, neque. Nunc semper arcu quis leo. Nunc eu dolor. Fusce mollis. Aliquam laoreet volutpat dolor. Donec ultrices pretium tellus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Suspendisse faucibus tellus eu augue. Phasellus dictum lorem at neque.</p>

</div>

<div class="news_post_center_details">

<div class="details_reader_more">

<span><a href="#">Read full story</a></span>

</div>

<div class="details_mid">

&nbsp;|&nbsp;

</div>

<div class="details_comments">

<span>Comments</span>&nbsp;(<span>7</span>)

</div>

</div>

</div>

</div>

<div class="right_col">

<div class="right_col_upcoming_match_box">

<div class="box_header">

<span>Vote!</span>

</div>

<div class="box_content">

<div class="upcoming_match_team_box">

<div class="team_img_left_con">

<div class="team_img">

</div>

</div>

<div class="team_versus_mid">

<span>VERSUS</span>

</div>

<div class="team_img_right_con">

<div class="team_img">

</div>

</div>

</div>

</div>

<ul>

<li>

<div class="li_left">

<span>12/5/10</span>

</div>

<div class="li_middle">

<span><a href="#">Zerophoto vs. eMergancy</a></span>

</div>

<div class="li_right">

<span class="li_right_left_span">0</span>

<span class="li_right_mid_span">-</span>

<span class="li_right_right_span">0</span>

</div>

</li>

</ul>

</div>

<div class="left_col_box_short">

<div class="box_header">

<span>Neuste Infos</span>

</div>

<div class="box_content">

<ul>

<li>

<div class="li_left">

<span>12/5/10</span>

</div>

<div class="li_middle">

<span><a href="#">Lorem plesu ispum do...</a></span>

</div>

<div class="li_right">

<span class="li_right_mid_span"><a href="#">Read</a></span>

</div>

</li>

<li>

<div class="li_left">

<span>12/5/10</span>

</div>

<div class="li_middle">

<span><a href="#">Lorem plesu ispum do...</a></span>

</div>

<div class="li_right">

<span class="li_right_mid_span"><a href="#">Read</a></span>

</div>

</li>

<li>

<div class="li_left">

<span>12/5/10</span>

</div>

<div class="li_middle">

<span><a href="#">Lorem plesu ispum do...</a></span>

</div>

<div class="li_right">

<span class="li_right_mid_span"><a href="#">Read</a></span>

</div>

</li>

<li>

<div class="li_left">

<span>12/5/10</span>

</div>

<div class="li_middle">

<span><a href="#">Lorem plesu ispum do...</a></span>

</div>

<div class="li_right">

<span class="li_right_mid_span"><a href="#">Read</a></span>

</div>

</li>

</ul>

</div>

</div>

<div class="right_col_box_mid">

<div class="box_header">

<span>Diverses</span>

</div>

<div class="mid_size_box_content">

<div class="sponsor_holder">

<div class="sponsor_img">

<a href="#"><img src="http://www.abload.de/img/sponsor_imganqco.png" alt="" /></a>

</div>

</div>

<div class="sponsor_holder">

<div class="sponsor_img">

<a href="#"><img src="images/sponsor_img.png" alt="" /></a>

</div>

</div>

<div class="sponsor_holder">

<div class="sponsor_img">

<a href="#"><img src="images/sponsor_img.png" alt="" /></a>

</div>

</div>

</div>

</div>

<div class="right_col_box_short">

<div class="box_header">

<span>Unser Partnerclan</span>

</div>

<div class="small_box_content">

<div class="sponsor_holder">

<div class="sponsor_img">

<a href="#"><img src="images/sponsor_img.png" alt="" /></a>

</div>

</div>

</div>

</div>

<div class="right_col_box_mid">

<div class="box_header">

<span>Videos</span>

</div>

<div class="advert_mid">

<div class="advert_con">

<a href="#"><img src="images/right_col_advert.jpg" alt="" /></a>

</div>

</div>

</div>

</div>

<div class="clr"></div>

</div>

</div>

</div>

<div class="footer">

<div class="credit">

<div class="copyright">

<span>Designbasis by<a href="http://www.clantemplates.com" target="_blank">ClantTemplate.com</a> &copy; 2011 by GermanYoungGamers. All rights reserved.</span>

</div>

<div class="terms_privacy">

<span><a href="#">AGB</a> | <a href="#">FAQ</a>| <a href="#">Mitglieder</a></span>

</div>

</div>

</div>

</div>



Das Html Grungerüst muss natürlich entfernt werden!
______________
mfg
o-4-n

"If you’re incompetent, you can’t know you’re incompetent." - [David Dunning]

*** Die Suchfunktion ist KEINE tödliche Krankheit! ***

Eventplanung, Equipment, Zeltverleih, Catering


Zuletzt bearbeitet von o-4-n am 28.11.2011, 00:31, insgesamt 2-mal bearbeitet
Beitrag28.11.2011 um 10:25 (UTC)    
Titel:

Ok, danke-klappt!
Zu dem mit dem Text: ich meinte meinte, durch den Code bei Text über dem Design eingefügten Text.Ok, das ist kein CSS sondern Html, aber naja ; )

MFG Jamie

Pls. Close
Beitrag28.11.2011 um 11:39 (UTC)    
Titel:

Hatte ich mir schon gedacht. Wink

Danke für die Rückmeldung.

- CLOSED -
______________
mfg
o-4-n

"If you’re incompetent, you can’t know you’re incompetent." - [David Dunning]

*** Die Suchfunktion ist KEINE tödliche Krankheit! ***

Eventplanung, Equipment, Zeltverleih, Catering
Beiträge der letzten Zeit anzeigen:   


Powered by phpBB © 2001, 2005 phpBB Group
Deutsche Übersetzung von phpBB.de