Zahlungshinweise - Optisch Etwas Aufbessern, Wie Möglich?
Hallo,
Ich möchte die Zahlungshinweise meines Shops etwas aufbessern, stehe da nun aber etwas auf dem schlauch und hoffe sehr hier Hilfe zu bekommen. :unsure:
^^ So sieht es momentan bei mir im Shop aus!
^^ Und so würde ich das gerne darstellen lassen! ^_^ - Hinweiß oben
- Nachnahme zentriert
- Lastschrift Kästchen nicht so zerstückelt
Freue mich sehr auf eure Antworten . . . 
---------------------
Code:
<table border="0" width="100%" cellspacing="1" cellpadding="2" class="infoBox">
<tr class="infoBoxContents">
<td><table border="0" width="100%" cellspacing="0" cellpadding="2">
{foreach name=aussen item=module_data from=$module_content}
<tr>
<td class="onepxwidth"> </td>
<td colspan="2"><table border="0" width="100%" cellspacing="0" cellpadding="2">
{if $module_data.checked==1}
<tr id="defaultSelected" class="moduleRowSelected" onmouseover="rowOverEffect(this)" onmouseout="rowOutEffect(this)" onclick="selectRowEffect(this, {$module_data.radio_buttons})">
{else}
<tr class="moduleRow" onmouseover="rowOverEffect(this)" onmouseout="rowOutEffect(this)" onclick="selectRowEffect(this, {$module_data.radio_buttons})">
{/if}
<td class="onepxwidth">{$module_data.selection}</td>
<td class="main" colspan="3"><b>{$module_data.module}</b></td>
<td class="main" align="right"><strong>{$module_data.module_cost}</strong></td>
<td class="onepxwidth"> </td>
</tr>
{if $module_data.description}
<tr>
<td class="onepxwidth"> </td>
<td class="main" colspan="4">{$module_data.description}</td>
<td class="onepxwidth"> </td>
</tr>
{/if}
{if $module_data.error}
<tr>
<td class="onepxwidth"> </td>
<td class="main" colspan="4">{$module_data.error}</td>
<td class="onepxwidth"> </td>
</tr>
{else}
<tr>
<td class="onepxwidth"> </td>
<td colspan="4"><table border="0" cellspacing="0" cellpadding="2">
{foreach name=aussen item=method_data from=$module_data.fields}
<tr>
<td class="onepxwidth"> </td>
<td class="main">{$method_data.title}</td>
<td class="onepxwidth"> </td>
<td class="main">{$method_data.field}</td>
<td class="onepxwidth"> </td>
</tr>
{/foreach}
</table></td>
<td class="onepxwidth"> </td>
</tr>
{/if}
</table></td>
<td class="onepxwidth"> </td>
</tr>
{/foreach}
</table></td>
</tr>
</table>
^^ checkout_payment_block.html
Code:
/* -----------------------------------------------------------------------------------------
$Id: stylesheet.css 1262 2005-09-30 10:00:32Z mz $
XT-Commerce - community made shopping
http://www.xt-commerce.com
Copyright (c) 2004 XT-Commerce
-----------------------------------------------------------------------------------------
based on:
(c) 2000-2001 The Exchange Project (earlier name of osCommerce)
(c) 2002-2003 osCommerce(stylesheet.css,v 1.54 2003/05/27); www.oscommerce.com
(c) 2003 nextcommerce (stylesheet.css,v 1.7 2003/08/13); www.nextcommerce.org
Released under the GNU General Public License
---------------------------------------------------------------------------------------*/
body {
margin: 15px 0px 15px 0px;
background: #F4F4F4 url('img/bg.gif') repeat-x;
color: #444444;
font-family: Verdana, sans-serif;
font-size: 11px;
text-align: center;
}
#overall_center {
border: 5px solid #FFF;
margin-left: auto;
margin-right: auto;
width: 900px;
text-align: left;
}
td.navbar {
border-top: 1px solid #FFF;
background: transparent url(img/bg_nav.jpg) repeat-x; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;
height: 34px;
padding-left: 10px;
padding-top: 6px;
color: #FFF;
}
td.navbar a.headerNavigation {
color: #FFF;
text-decoration: none;
background-color: transparent;
font-weight: normal;
}
td.navbar a.headerNavigation:hover{
color: #D51D15;
text-decoration: none;
background-color: transparent;
font-weight: normal;
}
a {
color: rgb(85, 85, 85); text-decoration: none;
}
a:hover
{
color: rgb(85, 85, 85);
text-decoration: underline;
}
a.pageResults
{ color: #555; font-family: tahoma,Arial,Helvetica,sans-serif; font-size: 11px;
}
a.pageResults:hover
{
background: #FFF none repeat;
color: rgb(85, 85, 85);
font-family: tahoma,Arial,Helvetica,sans-serif;
font-size: 11px;
}
form
{ display: inline;
}
h1 { margin: 0pt; padding: 0pt; font-size: 11px; }
img
{ border: 0pt none;
}
span.greetUser
{
color: rgb(68, 68, 68); font-family: tahoma,Arial,sans-serif; font-size: 11px; font-weight: bold;
}
span.markProductOutOfStock
{ color: rgb(199, 97, 112); font-family: Tahoma,tahoma,Arial,sans-serif; font-size: 11px; font-weight: bold;
}
span.markProductOutOfStock
{ color: rgb(199, 97, 112); font-family: tahoma,Arial,sans-serif; font-size: 11px; font-weight: bold;
}
span.productDiscountPrice
{ color: rgb(255, 0, 0); font-family: tahoma,Arial,sans-serif; font-weight: bold;
}
span.productOldPrice
{ color: #819A9E; font-family: tahoma,Arial,sans-serif; text-decoration: line-through;
}
span.productSpecialPrice, span.errorText
{ color: #FF0000; font-family: tahoma,Arial,sans-serif;
}
table.formArea {
border: 1px solid rgb(204, 204, 204); background: rgb(255, 255, 255) none repeat; }
table.productListing {
border: 1px solid rgb(182, 183, 203); border-spacing: 1px; font-family: Arial,sans-serif; font-size: 11px;
}
textarea {
font-family: tahoma,Arial,sans-serif; font-size: 11px; width: 100%; }
tr.accountHistory-odd, tr.addressBook-odd, tr.alsoPurchased-odd, tr.payment-odd, tr.productListing-odd, tr.productReviews-odd, tr.upcomingProducts-odd, tr.shippingOptions-odd, tr.accountHistory-even, tr.addressBook-even, tr.alsoPurchased-even, tr.payment-even, tr.productListing-even, tr.productReviews-even, tr.upcomingProducts-even, tr.shippingOptions-even
{ background: rgb(248, 248, 249) none repeat;
}
tr.footer
{ background: rgb(187, 195, 211) none repeat;
}
tr.header
{ background: #FFF none repeat;
}
tr.headerError { background: rgb(255, 0, 0) none repeat; }
tr.headerInfo, tr.subBar { }
tr.headerNavigation { background: rgb(246, 246, 246) none repeat; }
.accountCategory { color: rgb(170, 187, 221); font-family: tahoma,Arial,sans-serif; font-size: 11px; }
.an { display: block; }
.aus { display: none; }
.boxText
{
padding: 3px;
background: #F1F1F1 none repeat;
line-height: 18px;
}
.boxText, .messageBox, .infoBoxNoticeContents, .infoBox, span.infoBox, .productListing-data, .smallText, span.smallText, p.smallText, .fieldValue, checkbox, input, radio, select
{
font-family: tahoma,Arial,sans-serif; font-size: 11px;
}
.boxTextBG
{
background-color: rgb(241, 241, 241); font-family: tahoma,Arial,sans-serif; font-size: 11px;
}
.boxTextBGII
{ background-color: rgb(204, 204, 204);
font-family: tahoma,Arial,sans-serif;
font-size: 11px;
}
.boxTextPrice, span.newItemInCart, .inputRequirement
{
color: rgb(255, 0, 0);
font-family: tahoma,Arial,sans-serif;
font-size: 11px;
}
.checkoutBarCurrent, .boxText, .subBar { color: rgb(85, 85, 85); font-family: tahoma,Arial,sans-serif; font-size: 11px; }
.checkoutBarFrom, .checkoutBarTo { color: rgb(140, 140, 140); font-family: tahoma,Arial,sans-serif; font-size: 11px; }
.contentsTopics { border-bottom: 1px solid rgb(204, 204, 204); color: rgb(85, 85, 85); font-family: tahoma,Arial,sans-serif; font-size: 11px; font-weight: bold; height: 22px; padding-left: 5px; vertical-align: middle; width: 559px; }
.copyright { font-family: tahoma,Arial,sans-serif; font-size: 11px; line-height: 1.5; text-align: center; }
.errorBox { background-color: rgb(255, 179, 181); font-family: tahoma,Arial,sans-serif; font-size: 11px; font-weight: bold; }
.errorBox { background: rgb(255, 179, 181) none repeat; font-family: tahoma,Arial,sans-serif; font-size: 11px; font-weight: bold; }
.formAreaTitle, .fieldKey, .tableHeading { font-family: tahoma,Arial,sans-serif; font-size: 11px; font-weight: bold; }
.gvBox { border: 1px solid rgb(255, 255, 255); background-color: rgb(255, 179, 181); font-family: tahoma,Arial,sans-serif; font-size: 11px; font-weight: bold; }
.headerError { background: rgb(255, 0, 0) none repeat; color: rgb(255, 255, 255); font-family: tahoma,Arial,sans-serif; font-size: 11px; font-weight: bold; text-align: center; }
.headerInfo {
background: rgb(0, 255, 0) none repeat; color: rgb(255, 255, 255); font-family: tahoma,Arial,sans-serif; font-size: 11px; font-weight: bold; text-align: center;
}
.headerNavigation, .footer { border-color: rgb(182, 183, 203); border-bottom: 1px solid rgb(182, 183, 203); background: rgb(246, 246, 246) none repeat; color: rgb(85, 85, 85); font-family: tahoma,Arial,sans-serif; font-size: 11px; font-weight: bold; }
.info1, .info2 { margin: 0pt; padding: 5px; background: rgb(248, 193, 0) none repeat; font-size: 10px; }
.infoBox { }
.infoBoxContents
{
background: transparent url('img/bg_box2.gif') repeat-x;
color: rgb(85, 85, 85); font-family: tahoma,Arial,sans-serif; font-size: 11px;
}
.infoBoxHeading
{
border-bottom: 1px solid rgb(153, 153, 153);
padding: 5px 0pt 5px 10px;
background: transparent url('img/boxbg9.gif') repeat; color: rgb(51, 51, 51);
font-family: tahoma,Arial,sans-serif; font-size: 11px; font-weight: bold;
color:#FFF;
}
.infoBoxHeading2 {
border: 1px solid rgb(153, 153, 153); background: transparent url('img/navtrail.gif') repeat; color: rgb(255, 255, 255); font-family: tahoma,Arial,sans-serif; font-size: 11px; font-weight: bold; height: 25px; }
.infoBoxHeading3 { color: rgb(85, 85, 85); font-family: tahoma,Arial,sans-serif; font-size: 11px; font-weight: bold; height: 22px; }
.infoBoxNotice { background: rgb(242, 226, 226) none repeat; }
.header
{
background-image: url("img/header.jpg");
background-repeat: no-repeat;
}
.main, p.main
{
font-family: tahoma,Arial,sans-serif; font-size: 11px; line-height: 15px;
}
.messageStackError, .messageStackWarning { background-color: rgb(255, 179, 181); font-family: tahoma,Arial,sans-serif; font-size: 11px; }
.messageStackSuccess { background-color: rgb(153, 255, 0); font-family: tahoma,Arial,sans-serif; font-size: 11px; }
.mmoduleRow { border-bottom: 1px solid rgb(204, 204, 204); background: rgb(245, 246, 235) none repeat; height: 25px; line-height: 150%; text-decoration: none; }
.moduleHeading { font-family: tahoma,Arial,sans-serif; font-size: small; font-weight: bold; padding-bottom: 11px; }
.moduleRow { height: 15px; line-height: 110%; }
.moduleRow { border-bottom: 1px solid rgb(204, 204, 204); background: rgb(255, 255, 255) none repeat; height: 25px; line-height: 150%; }
.moduleRow a { text-decoration: none; }
.moduleRow a { text-decoration: none; }
.moduleRow a:hover
{ text-decoration: none;
}
.moduleRowOver { height: 15px; text-decoration: none; }
.moduleRowOver { border-bottom: 1px solid rgb(204, 204, 204); background: rgb(237, 236, 221) none repeat; height: 25px; line-height: 150%; text-decoration: none; }
.moduleRowOver a { text-decoration: none; }
.moduleRowOver a { text-decoration: none; }
.moduleRowOver a:hover { text-decoration: underline; }
.moduleRowOver a:hover { text-decoration: none; }
.moduleRowSelected { }
.moduleRowSelected { }
.navLeft { border-color: rgb(182, 183, 203) -moz-use-text-color rgb(182, 183, 203) rgb(182, 183, 203); border-right: 1px solid; }
.navRight { border-color: rgb(182, 183, 203) rgb(182, 183, 203) rgb(182, 183, 203) -moz-use-text-color; border-left: 1px solid; }
.onepxwidth { width: 1px; }
.orderEdit { color: rgb(112, 210, 80); font-family: tahoma,Arial,sans-serif; font-size: 11px; text-decoration: underline; }
.pageHeading, div.pageHeading { color: rgb(85, 85, 85); font-family: tahoma,Arial,sans-serif; font-size: 16px; font-weight: bold; }
.poweredby { color: rgb(85, 85, 85); font-family: tahoma,Arial,sans-serif; font-size: 11px; font-weight: bold; }
.productListing-heading, .mmbodysml { background: rgb(182, 183, 203) none repeat; color: rgb(255, 255, 255); font-family: tahoma,Arial,sans-serif; font-size: 11px; font-weight: bold; }
.productsNotifications { background: rgb(242, 255, 247) none repeat; }
.smallHeading {
color: rgb(85, 85, 85);
font-family: tahoma,Geneva,Arial,Helvetica,sans-serif;
font-size: x-small; font-weight: bold;
}
.stockWarning { color: rgb(204, 0, 51); font-family: tahoma,Arial,sans-serif; font-size: 11px; }
.tableBody { padding: 5px; }
.tableBody { padding: 2px; }
.tableListingI { background-color: rgb(238, 238, 238); }
.tableListingII { background-color: rgb(208, 208, 208); }
.tableShop { border-color: rgb(182, 183, 203) -moz-use-text-color; border-left: 1px solid; border-right: 1px solid; background-color: rgb(255, 255, 255); }
.moduleRow {
font-family: Verdana, Arial, sans-serif;
font-size: 11px;
line-height: 1.5;
background-color: #E6E6E6;
border: 1px solid;
border-color: #E6E6E6;
}
.moduleRowOver {
background-color: #EFA6AA;
border: 1px solid;
border-color: #ffffff;
font-family: Verdana, Arial, sans-serif;
font-size: 11px;
line-height: 1.5;
}
.moduleRowSelected { background-color: #EFA6AA; }
^^ stylesheet.css meines Templates
|
11.11.2008, 16:40
Linear-Darstellung
Ähnliche Themen