Jump to content
xt:Commerce Community Forum

Zahlungshinweise - Optisch Etwas Aufbessern, Wie Möglich?

Donald Duck

By Donald Duck,
in Allgemeine Diskussionen

Recommended Posts

Donald Duck Newbie

Donald Duck

Posted
Posted

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:

agyuwixq.jpg

^^ So sieht es momentan bei mir im Shop aus!

wiklcxm5.jpg

^^ Und so würde ich das gerne darstellen lassen! ^_^

  1. Hinweiß oben
  2. Nachnahme zentriert
  3. Lastschrift Kästchen nicht so zerstückelt
Freue mich sehr auf eure Antworten . . . :rolleyes:

---------------------


	<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 
/* -----------------------------------------------------------------------------------------

   $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

Link to comment
Share on other sites

Archived

This topic is now archived and is closed to further replies.

Go to topic listing
×
×
  • Create New...